diff --git a/client/demo_v13/dist/assets/gui_settings/MMVCv13.json b/client/demo_v13/dist/assets/gui_settings/MMVCv13.json index 5ab0e9ed..01c28b09 100644 --- a/client/demo_v13/dist/assets/gui_settings/MMVCv13.json +++ b/client/demo_v13/dist/assets/gui_settings/MMVCv13.json @@ -4,7 +4,7 @@ "front": { "title": { "mainTitle": "VC Client", - "subTitle": "MMVC for v.1.3", + "subTitle": "for MMVC v.1.3", "lineNum": 1 }, "serverControl": {}, @@ -12,7 +12,8 @@ "ONNXEnable": true, "pyTorchEnable": true, "MMVCCorrespondense": false, - "pyTorchClusterEnable": false + "pyTorchClusterEnable": false, + "showPyTorchDefault": false }, "deviceSetting": {}, "qualityControl": { diff --git a/client/demo_v13/dist/assets/gui_settings/MMVCv15.json b/client/demo_v13/dist/assets/gui_settings/MMVCv15.json new file mode 100644 index 00000000..da36f839 --- /dev/null +++ b/client/demo_v13/dist/assets/gui_settings/MMVCv15.json @@ -0,0 +1,59 @@ +{ + "type": "demo", + "id": "MMVCv15", + "front": { + "title": { + "mainTitle": "VC Client", + "subTitle": "for MMVC v.1.5", + "lineNum": 1 + }, + "serverControl": {}, + "modelSetting": { + "ONNXEnable": true, + "pyTorchEnable": true, + "MMVCCorrespondense": true, + "pyTorchClusterEnable": false, + "showPyTorchDefault": false + }, + "deviceSetting": {}, + "qualityControl": { + "F0DetectorEnable": true + }, + "speakerSetting": { + "showSpeakerF0": true, + "srcIdEnable": true, + "editSpeakerIdMappingEnable": false, + "f0FactorEnable": true, + "tuningEnable": false, + "clusterInferRationEnable": false, + "noiseScaleEnable": false, + "silentThresholdEnable": false + }, + "converterSetting": { + "extraDataLengthEnable": false + }, + "advancedSetting": { + "serverURLEnable": true, + "protocolEnable": true, + "sampleRateEnable": true, + "sendingSampleRateEnable": true, + "crossFadeOverlapSizeEnable": true, + "crossFadeOffsetRateEnable": true, + "crossFadeEndRateEnable": true, + "downSamplingModeEnable": true, + "trancateNumTresholdEnable": true + } + }, + + "dialogs": { + "license": [ + { + "title": "c", + "auther": "c", + "contact": "b", + "url": "a", + "license": "MIT" + } + ] + } +} diff --git a/client/demo_v13/dist/assets/gui_settings/so-vits-svc-40.json b/client/demo_v13/dist/assets/gui_settings/so-vits-svc-40.json new file mode 100644 index 00000000..090eba0c --- /dev/null +++ b/client/demo_v13/dist/assets/gui_settings/so-vits-svc-40.json @@ -0,0 +1,59 @@ +{ + "type": "demo", + "id": "so-vits-svc-40", + "front": { + "title": { + "mainTitle": "VC Client", + "subTitle": "for so-vits-svc-40", + "lineNum": 1 + }, + "serverControl": {}, + "modelSetting": { + "ONNXEnable": false, + "pyTorchEnable": true, + "MMVCCorrespondense": false, + "pyTorchClusterEnable": true, + "showPyTorchDefault": true + }, + "deviceSetting": {}, + "qualityControl": { + "F0DetectorEnable": true + }, + "speakerSetting": { + "showSpeakerF0": false, + "srcIdEnable": false, + "editSpeakerIdMappingEnable": false, + "f0FactorEnable": false, + "tuningEnable": true, + "clusterInferRationEnable": true, + "noiseScaleEnable": true, + "silentThresholdEnable": true + }, + "converterSetting": { + "extraDataLengthEnable": true + }, + "advancedSetting": { + "serverURLEnable": true, + "protocolEnable": true, + "sampleRateEnable": true, + "sendingSampleRateEnable": true, + "crossFadeOverlapSizeEnable": true, + "crossFadeOffsetRateEnable": true, + "crossFadeEndRateEnable": true, + "downSamplingModeEnable": true, + "trancateNumTresholdEnable": true + } + }, + + "dialogs": { + "license": [ + { + "title": "c", + "auther": "c", + "contact": "b", + "url": "a", + "license": "MIT" + } + ] + } +} diff --git a/client/demo_v13/dist/assets/gui_settings/so-vits-svc-40v2.json b/client/demo_v13/dist/assets/gui_settings/so-vits-svc-40v2.json new file mode 100644 index 00000000..4b81466e --- /dev/null +++ b/client/demo_v13/dist/assets/gui_settings/so-vits-svc-40v2.json @@ -0,0 +1,59 @@ +{ + "type": "demo", + "id": "so-vits-svc-40v2", + "front": { + "title": { + "mainTitle": "VC Client", + "subTitle": "for so-vits-svc-40v2", + "lineNum": 1 + }, + "serverControl": {}, + "modelSetting": { + "ONNXEnable": false, + "pyTorchEnable": true, + "MMVCCorrespondense": false, + "pyTorchClusterEnable": true, + "showPyTorchDefault": true + }, + "deviceSetting": {}, + "qualityControl": { + "F0DetectorEnable": true + }, + "speakerSetting": { + "showSpeakerF0": false, + "srcIdEnable": false, + "editSpeakerIdMappingEnable": false, + "f0FactorEnable": false, + "tuningEnable": true, + "clusterInferRationEnable": true, + "noiseScaleEnable": true, + "silentThresholdEnable": true + }, + "converterSetting": { + "extraDataLengthEnable": true + }, + "advancedSetting": { + "serverURLEnable": true, + "protocolEnable": true, + "sampleRateEnable": true, + "sendingSampleRateEnable": true, + "crossFadeOverlapSizeEnable": true, + "crossFadeOffsetRateEnable": true, + "crossFadeEndRateEnable": true, + "downSamplingModeEnable": true, + "trancateNumTresholdEnable": true + } + }, + + "dialogs": { + "license": [ + { + "title": "c", + "auther": "c", + "contact": "b", + "url": "a", + "license": "MIT" + } + ] + } +} diff --git a/client/demo_v13/dist/index.js b/client/demo_v13/dist/index.js index 5ae9513d..7bdbd2b4 100644 --- a/client/demo_v13/dist/index.js +++ b/client/demo_v13/dist/index.js @@ -37,7 +37,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ \"./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js\");\n/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ \"./node_modules/@babel/runtime/helpers/esm/slicedToArray.js\");\n/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/regenerator */ \"./node_modules/@babel/runtime/regenerator/index.js\");\n/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var react_dom_client__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react-dom/client */ \"./node_modules/react-dom/client.js\");\n/* harmony import */ var _css_App_css__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./css/App.css */ \"./src/css/App.css\");\n/* harmony import */ var _001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./001_provider/001_AppStateProvider */ \"./src/001_provider/001_AppStateProvider.tsx\");\n/* harmony import */ var _fortawesome_fontawesome_svg_core__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @fortawesome/fontawesome-svg-core */ \"./node_modules/@fortawesome/fontawesome-svg-core/index.mjs\");\n/* harmony import */ var _fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! @fortawesome/free-solid-svg-icons */ \"./node_modules/@fortawesome/free-solid-svg-icons/index.mjs\");\n/* harmony import */ var _fortawesome_free_regular_svg_icons__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! @fortawesome/free-regular-svg-icons */ \"./node_modules/@fortawesome/free-regular-svg-icons/index.mjs\");\n/* harmony import */ var _fortawesome_free_brands_svg_icons__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! @fortawesome/free-brands-svg-icons */ \"./node_modules/@fortawesome/free-brands-svg-icons/index.mjs\");\n/* harmony import */ var _001_provider_001_AppRootProvider__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./001_provider/001_AppRootProvider */ \"./src/001_provider/001_AppRootProvider.tsx\");\n/* harmony import */ var _001_provider_900_ErrorBoundary__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./001_provider/900_ErrorBoundary */ \"./src/001_provider/900_ErrorBoundary.tsx\");\n/* harmony import */ var _dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @dannadori/voice-changer-client-js */ \"./node_modules/@dannadori/voice-changer-client-js/dist/index.js\");\n/* harmony import */ var _dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(_dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_10__);\n/* harmony import */ var _const__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./const */ \"./src/const.ts\");\n/* harmony import */ var _components_demo_010_Demo__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./components/demo/010_Demo */ \"./src/components/demo/010_Demo.tsx\");\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n_fortawesome_fontawesome_svg_core__WEBPACK_IMPORTED_MODULE_7__.library.add(_fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_13__.fas, _fortawesome_free_regular_svg_icons__WEBPACK_IMPORTED_MODULE_14__.far, _fortawesome_free_brands_svg_icons__WEBPACK_IMPORTED_MODULE_15__.fab);\nvar container = document.getElementById(\"app\");\nvar root = (0,react_dom_client__WEBPACK_IMPORTED_MODULE_4__.createRoot)(container);\nvar App = function App() {\n var appState = (0,_001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_6__.useAppState)();\n var front = (0,react__WEBPACK_IMPORTED_MODULE_3__.useMemo)(function () {\n if (appState.appGuiSettingState.appGuiSetting.type == \"demo\") {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__.createElement(_components_demo_010_Demo__WEBPACK_IMPORTED_MODULE_12__.Demo, null);\n } else {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__.createElement(react__WEBPACK_IMPORTED_MODULE_3__.Fragment, null, \"unknown gui type. \", appState.appGuiSettingState.appGuiSetting.type);\n }\n }, [appState.appGuiSettingState.appGuiSetting.type]);\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__.createElement(react__WEBPACK_IMPORTED_MODULE_3__.Fragment, null, front);\n};\nvar AppStateWrapper = function AppStateWrapper() {\n // エラーバウンダリー設定\n var _useState = (0,react__WEBPACK_IMPORTED_MODULE_3__.useState)(),\n _useState2 = (0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(_useState, 2),\n error = _useState2[0],\n setError = _useState2[1];\n var _useIndexedDB = (0,_dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_10__.useIndexedDB)({\n clientType: _const__WEBPACK_IMPORTED_MODULE_11__.CLIENT_TYPE\n }),\n removeItem = _useIndexedDB.removeItem;\n var errorComponent = (0,react__WEBPACK_IMPORTED_MODULE_3__.useMemo)(function () {\n var errorName = (error === null || error === void 0 ? void 0 : error.error.name) || \"no error name\";\n var errorMessage = (error === null || error === void 0 ? void 0 : error.error.message) || \"no error message\";\n var errorInfos = ((error === null || error === void 0 ? void 0 : error.errorInfo.componentStack) || \"no error stack\").split(\"\\n\");\n var onClearCacheClicked = /*#__PURE__*/function () {\n var _ref = (0,_babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__[\"default\"])( /*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2___default().mark(function _callee() {\n var indexedDBKeys, _i, _indexedDBKeys, k;\n return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2___default().wrap(function _callee$(_context) {\n while (1) switch (_context.prev = _context.next) {\n case 0:\n indexedDBKeys = [_dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_10__.INDEXEDDB_KEY_CLIENT, _dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_10__.INDEXEDDB_KEY_SERVER, _dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_10__.INDEXEDDB_KEY_WORKLETNODE, _dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_10__.INDEXEDDB_KEY_MODEL_DATA, _dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_10__.INDEXEDDB_KEY_WORKLET, _const__WEBPACK_IMPORTED_MODULE_11__.INDEXEDDB_KEY_AUDIO_OUTPUT];\n _i = 0, _indexedDBKeys = indexedDBKeys;\n case 2:\n if (!(_i < _indexedDBKeys.length)) {\n _context.next = 9;\n break;\n }\n k = _indexedDBKeys[_i];\n _context.next = 6;\n return removeItem(k);\n case 6:\n _i++;\n _context.next = 2;\n break;\n case 9:\n location.reload();\n case 10:\n case \"end\":\n return _context.stop();\n }\n }, _callee);\n }));\n return function onClearCacheClicked() {\n return _ref.apply(this, arguments);\n };\n }();\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__.createElement(\"div\", {\n className: \"error-container\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__.createElement(\"div\", {\n className: \"top-error-message\"\n }, \"\\u3061\\u3087\\u3063\\u3068\\u554F\\u984C\\u304C\\u8D77\\u304D\\u305F\\u307F\\u305F\\u3044\\u3067\\u3059\\u3002\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__.createElement(\"div\", {\n className: \"top-error-description\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__.createElement(\"p\", null, \"\\u3053\\u306E\\u30A2\\u30D7\\u30EA\\u3067\\u7BA1\\u7406\\u3057\\u3066\\u3044\\u308B\\u60C5\\u5831\\u3092\\u30AF\\u30EA\\u30A2\\u3059\\u308B\\u3068\\u56DE\\u5FA9\\u3059\\u308B\\u5834\\u5408\\u304C\\u3042\\u308A\\u307E\\u3059\\u3002\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__.createElement(\"p\", null, \"\\u4E0B\\u8A18\\u306E\\u30DC\\u30BF\\u30F3\\u3092\\u62BC\\u3057\\u3066\\u60C5\\u5831\\u3092\\u30AF\\u30EA\\u30A2\\u3057\\u307E\\u3059\\u3002\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__.createElement(\"p\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__.createElement(\"button\", {\n onClick: onClearCacheClicked\n }, \"\\u30A2\\u30D7\\u30EA\\u3092\\u521D\\u671F\\u5316\"))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__.createElement(\"div\", {\n className: \"error-detail\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__.createElement(\"div\", {\n className: \"error-name\"\n }, errorName), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__.createElement(\"div\", {\n className: \"error-message\"\n }, errorMessage), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__.createElement(\"div\", {\n className: \"error-info-container\"\n }, errorInfos.map(function (x) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__.createElement(\"div\", {\n className: \"error-info-line\",\n key: x\n }, x);\n }))));\n }, [error]);\n var updateError = function updateError(error, errorInfo) {\n console.log(\"error compo\", error, errorInfo);\n setError({\n error: error,\n errorInfo: errorInfo\n });\n };\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__.createElement(_001_provider_900_ErrorBoundary__WEBPACK_IMPORTED_MODULE_9__[\"default\"], {\n fallback: errorComponent,\n onError: updateError\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__.createElement(_001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_6__.AppStateProvider, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__.createElement(App, null)));\n};\nroot.render( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__.createElement(_001_provider_001_AppRootProvider__WEBPACK_IMPORTED_MODULE_8__.AppRootProvider, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__.createElement(AppStateWrapper, null)));\n\n//# sourceURL=webpack://demo/./src/000_index.tsx?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ \"./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js\");\n/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ \"./node_modules/@babel/runtime/helpers/esm/slicedToArray.js\");\n/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/regenerator */ \"./node_modules/@babel/runtime/regenerator/index.js\");\n/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var react_dom_client__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react-dom/client */ \"./node_modules/react-dom/client.js\");\n/* harmony import */ var _css_App_css__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./css/App.css */ \"./src/css/App.css\");\n/* harmony import */ var _001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./001_provider/001_AppStateProvider */ \"./src/001_provider/001_AppStateProvider.tsx\");\n/* harmony import */ var _fortawesome_fontawesome_svg_core__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @fortawesome/fontawesome-svg-core */ \"./node_modules/@fortawesome/fontawesome-svg-core/index.mjs\");\n/* harmony import */ var _fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! @fortawesome/free-solid-svg-icons */ \"./node_modules/@fortawesome/free-solid-svg-icons/index.mjs\");\n/* harmony import */ var _fortawesome_free_regular_svg_icons__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! @fortawesome/free-regular-svg-icons */ \"./node_modules/@fortawesome/free-regular-svg-icons/index.mjs\");\n/* harmony import */ var _fortawesome_free_brands_svg_icons__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! @fortawesome/free-brands-svg-icons */ \"./node_modules/@fortawesome/free-brands-svg-icons/index.mjs\");\n/* harmony import */ var _001_provider_001_AppRootProvider__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./001_provider/001_AppRootProvider */ \"./src/001_provider/001_AppRootProvider.tsx\");\n/* harmony import */ var _001_provider_900_ErrorBoundary__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./001_provider/900_ErrorBoundary */ \"./src/001_provider/900_ErrorBoundary.tsx\");\n/* harmony import */ var _dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @dannadori/voice-changer-client-js */ \"./node_modules/@dannadori/voice-changer-client-js/dist/index.js\");\n/* harmony import */ var _dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(_dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_10__);\n/* harmony import */ var _const__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./const */ \"./src/const.ts\");\n/* harmony import */ var _components_demo_010_Demo__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./components/demo/010_Demo */ \"./src/components/demo/010_Demo.tsx\");\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n_fortawesome_fontawesome_svg_core__WEBPACK_IMPORTED_MODULE_7__.library.add(_fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_13__.fas, _fortawesome_free_regular_svg_icons__WEBPACK_IMPORTED_MODULE_14__.far, _fortawesome_free_brands_svg_icons__WEBPACK_IMPORTED_MODULE_15__.fab);\nvar container = document.getElementById(\"app\");\nvar root = (0,react_dom_client__WEBPACK_IMPORTED_MODULE_4__.createRoot)(container);\nvar App = function App() {\n var _useAppRoot = (0,_001_provider_001_AppRootProvider__WEBPACK_IMPORTED_MODULE_8__.useAppRoot)(),\n appGuiSettingState = _useAppRoot.appGuiSettingState;\n var front = (0,react__WEBPACK_IMPORTED_MODULE_3__.useMemo)(function () {\n if (appGuiSettingState.appGuiSetting.type == \"demo\") {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__.createElement(_components_demo_010_Demo__WEBPACK_IMPORTED_MODULE_12__.Demo, null);\n } else {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__.createElement(react__WEBPACK_IMPORTED_MODULE_3__.Fragment, null, \"unknown gui type. \", appGuiSettingState.appGuiSetting.type);\n }\n }, [appGuiSettingState.appGuiSetting.type]);\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__.createElement(react__WEBPACK_IMPORTED_MODULE_3__.Fragment, null, front);\n};\nvar AppStateWrapper = function AppStateWrapper() {\n var _useAppRoot2 = (0,_001_provider_001_AppRootProvider__WEBPACK_IMPORTED_MODULE_8__.useAppRoot)(),\n appGuiSettingState = _useAppRoot2.appGuiSettingState;\n // エラーバウンダリー設定\n var _useState = (0,react__WEBPACK_IMPORTED_MODULE_3__.useState)(),\n _useState2 = (0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(_useState, 2),\n error = _useState2[0],\n setError = _useState2[1];\n var _useIndexedDB = (0,_dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_10__.useIndexedDB)({\n clientType: _const__WEBPACK_IMPORTED_MODULE_11__.CLIENT_TYPE\n }),\n removeItem = _useIndexedDB.removeItem;\n var errorComponent = (0,react__WEBPACK_IMPORTED_MODULE_3__.useMemo)(function () {\n var errorName = (error === null || error === void 0 ? void 0 : error.error.name) || \"no error name\";\n var errorMessage = (error === null || error === void 0 ? void 0 : error.error.message) || \"no error message\";\n var errorInfos = ((error === null || error === void 0 ? void 0 : error.errorInfo.componentStack) || \"no error stack\").split(\"\\n\");\n var onClearCacheClicked = /*#__PURE__*/function () {\n var _ref = (0,_babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__[\"default\"])( /*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2___default().mark(function _callee() {\n var indexedDBKeys, _i, _indexedDBKeys, k;\n return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2___default().wrap(function _callee$(_context) {\n while (1) switch (_context.prev = _context.next) {\n case 0:\n indexedDBKeys = [_dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_10__.INDEXEDDB_KEY_CLIENT, _dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_10__.INDEXEDDB_KEY_SERVER, _dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_10__.INDEXEDDB_KEY_WORKLETNODE, _dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_10__.INDEXEDDB_KEY_MODEL_DATA, _dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_10__.INDEXEDDB_KEY_WORKLET, _const__WEBPACK_IMPORTED_MODULE_11__.INDEXEDDB_KEY_AUDIO_OUTPUT];\n _i = 0, _indexedDBKeys = indexedDBKeys;\n case 2:\n if (!(_i < _indexedDBKeys.length)) {\n _context.next = 9;\n break;\n }\n k = _indexedDBKeys[_i];\n _context.next = 6;\n return removeItem(k);\n case 6:\n _i++;\n _context.next = 2;\n break;\n case 9:\n location.reload();\n case 10:\n case \"end\":\n return _context.stop();\n }\n }, _callee);\n }));\n return function onClearCacheClicked() {\n return _ref.apply(this, arguments);\n };\n }();\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__.createElement(\"div\", {\n className: \"error-container\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__.createElement(\"div\", {\n className: \"top-error-message\"\n }, \"\\u3061\\u3087\\u3063\\u3068\\u554F\\u984C\\u304C\\u8D77\\u304D\\u305F\\u307F\\u305F\\u3044\\u3067\\u3059\\u3002\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__.createElement(\"div\", {\n className: \"top-error-description\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__.createElement(\"p\", null, \"\\u3053\\u306E\\u30A2\\u30D7\\u30EA\\u3067\\u7BA1\\u7406\\u3057\\u3066\\u3044\\u308B\\u60C5\\u5831\\u3092\\u30AF\\u30EA\\u30A2\\u3059\\u308B\\u3068\\u56DE\\u5FA9\\u3059\\u308B\\u5834\\u5408\\u304C\\u3042\\u308A\\u307E\\u3059\\u3002\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__.createElement(\"p\", null, \"\\u4E0B\\u8A18\\u306E\\u30DC\\u30BF\\u30F3\\u3092\\u62BC\\u3057\\u3066\\u60C5\\u5831\\u3092\\u30AF\\u30EA\\u30A2\\u3057\\u307E\\u3059\\u3002\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__.createElement(\"p\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__.createElement(\"button\", {\n onClick: onClearCacheClicked\n }, \"\\u30A2\\u30D7\\u30EA\\u3092\\u521D\\u671F\\u5316\"))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__.createElement(\"div\", {\n className: \"error-detail\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__.createElement(\"div\", {\n className: \"error-name\"\n }, errorName), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__.createElement(\"div\", {\n className: \"error-message\"\n }, errorMessage), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__.createElement(\"div\", {\n className: \"error-info-container\"\n }, errorInfos.map(function (x) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__.createElement(\"div\", {\n className: \"error-info-line\",\n key: x\n }, x);\n }))));\n }, [error]);\n var updateError = function updateError(error, errorInfo) {\n console.log(\"error compo\", error, errorInfo);\n setError({\n error: error,\n errorInfo: errorInfo\n });\n };\n if (!appGuiSettingState.guiSettingLoaded) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__.createElement(react__WEBPACK_IMPORTED_MODULE_3__.Fragment, null);\n } else {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__.createElement(_001_provider_900_ErrorBoundary__WEBPACK_IMPORTED_MODULE_9__[\"default\"], {\n fallback: errorComponent,\n onError: updateError\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__.createElement(_001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_6__.AppStateProvider, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__.createElement(App, null)));\n }\n};\nroot.render( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__.createElement(_001_provider_001_AppRootProvider__WEBPACK_IMPORTED_MODULE_8__.AppRootProvider, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__.createElement(AppStateWrapper, null)));\n\n//# sourceURL=webpack://demo/./src/000_index.tsx?"); /***/ }), @@ -48,7 +48,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _bab /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"userAppGuiSetting\": () => (/* binding */ userAppGuiSetting)\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ \"./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js\");\n/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ \"./node_modules/@babel/runtime/helpers/esm/slicedToArray.js\");\n/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/regenerator */ \"./node_modules/@babel/runtime/regenerator/index.js\");\n/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @dannadori/voice-changer-client-js */ \"./node_modules/@dannadori/voice-changer-client-js/dist/index.js\");\n/* harmony import */ var _dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_4__);\n\n\n\n\n\nvar InitialAppGuiDemoSetting = {\n type: \"demo\",\n id: _dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_4__.ClientType.MMVCv13,\n front: {\n \"title\": {\n \"mainTitle\": \"\",\n \"subTitle\": \"\",\n \"lineNum\": 1\n },\n \"serverControl\": {},\n \"modelSetting\": {\n \"ONNXEnable\": false,\n \"pyTorchEnable\": false,\n \"MMVCCorrespondense\": false,\n \"pyTorchClusterEnable\": false\n },\n \"deviceSetting\": {},\n \"qualityControl\": {\n \"F0DetectorEnable\": false\n },\n \"speakerSetting\": {\n \"showSpeakerF0\": false,\n \"srcIdEnable\": false,\n \"editSpeakerIdMappingEnable\": false,\n \"f0FactorEnable\": false,\n \"tuningEnable\": false,\n \"clusterInferRationEnable\": false,\n \"noiseScaleEnable\": false,\n \"silentThresholdEnable\": false\n },\n \"converterSetting\": {\n \"extraDataLengthEnable\": false\n },\n \"advancedSetting\": {\n \"serverURLEnable\": false,\n \"protocolEnable\": false,\n \"sampleRateEnable\": false,\n \"sendingSampleRateEnable\": false,\n \"crossFadeOverlapSizeEnable\": false,\n \"crossFadeOffsetRateEnable\": false,\n \"crossFadeEndRateEnable\": false,\n \"downSamplingModeEnable\": false,\n \"trancateNumTresholdEnable\": false\n }\n },\n dialogs: {\n \"license\": [{\n title: \"\",\n auther: \"\",\n contact: \"\",\n url: \"\",\n license: \"MIT\"\n }]\n }\n};\nvar userAppGuiSetting = function userAppGuiSetting() {\n var _useState = (0,react__WEBPACK_IMPORTED_MODULE_3__.useState)(InitialAppGuiDemoSetting),\n _useState2 = (0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(_useState, 2),\n appGuiSetting = _useState2[0],\n setAppGuiSetting = _useState2[1];\n var getAppSetting = /*#__PURE__*/function () {\n var _ref = (0,_babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__[\"default\"])( /*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2___default().mark(function _callee(url) {\n var res, appSetting;\n return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2___default().wrap(function _callee$(_context) {\n while (1) switch (_context.prev = _context.next) {\n case 0:\n _context.next = 2;\n return fetch(\"\".concat(url), {\n method: \"GET\"\n });\n case 2:\n res = _context.sent;\n _context.next = 5;\n return res.json();\n case 5:\n appSetting = _context.sent;\n setAppGuiSetting(appSetting);\n case 7:\n case \"end\":\n return _context.stop();\n }\n }, _callee);\n }));\n return function getAppSetting(_x) {\n return _ref.apply(this, arguments);\n };\n }();\n return {\n appGuiSetting: appGuiSetting,\n getAppSetting: getAppSetting\n };\n};\n\n//# sourceURL=webpack://demo/./src/001_globalHooks/001_useAppGuiSetting.ts?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"userAppGuiSetting\": () => (/* binding */ userAppGuiSetting)\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ \"./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js\");\n/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ \"./node_modules/@babel/runtime/helpers/esm/slicedToArray.js\");\n/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/regenerator */ \"./node_modules/@babel/runtime/regenerator/index.js\");\n/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @dannadori/voice-changer-client-js */ \"./node_modules/@dannadori/voice-changer-client-js/dist/index.js\");\n/* harmony import */ var _dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_4__);\n\n\n\n\n\nvar InitialAppGuiDemoSetting = {\n type: \"demo\",\n id: _dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_4__.ClientType.MMVCv13,\n front: {\n \"title\": {\n \"mainTitle\": \"\",\n \"subTitle\": \"\",\n \"lineNum\": 1\n },\n \"serverControl\": {},\n \"modelSetting\": {\n \"ONNXEnable\": false,\n \"pyTorchEnable\": false,\n \"MMVCCorrespondense\": false,\n \"pyTorchClusterEnable\": false,\n \"showPyTorchDefault\": false\n },\n \"deviceSetting\": {},\n \"qualityControl\": {\n \"F0DetectorEnable\": false\n },\n \"speakerSetting\": {\n \"showSpeakerF0\": false,\n \"srcIdEnable\": false,\n \"editSpeakerIdMappingEnable\": false,\n \"f0FactorEnable\": false,\n \"tuningEnable\": false,\n \"clusterInferRationEnable\": false,\n \"noiseScaleEnable\": false,\n \"silentThresholdEnable\": false\n },\n \"converterSetting\": {\n \"extraDataLengthEnable\": false\n },\n \"advancedSetting\": {\n \"serverURLEnable\": false,\n \"protocolEnable\": false,\n \"sampleRateEnable\": false,\n \"sendingSampleRateEnable\": false,\n \"crossFadeOverlapSizeEnable\": false,\n \"crossFadeOffsetRateEnable\": false,\n \"crossFadeEndRateEnable\": false,\n \"downSamplingModeEnable\": false,\n \"trancateNumTresholdEnable\": false\n }\n },\n dialogs: {\n \"license\": [{\n title: \"\",\n auther: \"\",\n contact: \"\",\n url: \"\",\n license: \"MIT\"\n }]\n }\n};\nvar userAppGuiSetting = function userAppGuiSetting() {\n var _useState = (0,react__WEBPACK_IMPORTED_MODULE_3__.useState)(false),\n _useState2 = (0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(_useState, 2),\n guiSettingLoaded = _useState2[0],\n setGuiSettingLoaded = _useState2[1];\n var _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_3__.useState)(InitialAppGuiDemoSetting),\n _useState4 = (0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(_useState3, 2),\n appGuiSetting = _useState4[0],\n setAppGuiSetting = _useState4[1];\n var getAppSetting = /*#__PURE__*/function () {\n var _ref = (0,_babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__[\"default\"])( /*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2___default().mark(function _callee(url) {\n var res, appSetting;\n return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2___default().wrap(function _callee$(_context) {\n while (1) switch (_context.prev = _context.next) {\n case 0:\n _context.next = 2;\n return fetch(\"\".concat(url), {\n method: \"GET\"\n });\n case 2:\n res = _context.sent;\n _context.next = 5;\n return res.json();\n case 5:\n appSetting = _context.sent;\n setAppGuiSetting(appSetting);\n setGuiSettingLoaded(true);\n case 8:\n case \"end\":\n return _context.stop();\n }\n }, _callee);\n }));\n return function getAppSetting(_x) {\n return _ref.apply(this, arguments);\n };\n }();\n return {\n appGuiSetting: appGuiSetting,\n guiSettingLoaded: guiSettingLoaded,\n getAppSetting: getAppSetting\n };\n};\n\n//# sourceURL=webpack://demo/./src/001_globalHooks/001_useAppGuiSetting.ts?"); /***/ }), @@ -70,7 +70,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"useVCClient\": () => (/* binding */ useVCClient)\n/* harmony export */ });\n/* harmony import */ var _dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @dannadori/voice-changer-client-js */ \"./node_modules/@dannadori/voice-changer-client-js/dist/index.js\");\n/* harmony import */ var _dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _const__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../const */ \"./src/const.ts\");\n\n\nvar useVCClient = function useVCClient(props) {\n var clientState = (0,_dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_0__.useClient)({\n clientType: _const__WEBPACK_IMPORTED_MODULE_1__.CLIENT_TYPE,\n audioContext: props.audioContext,\n audioOutputElementId: _const__WEBPACK_IMPORTED_MODULE_1__.AUDIO_ELEMENT_FOR_PLAY_RESULT\n });\n var ret = {\n clientState: clientState\n };\n return ret;\n};\n\n//# sourceURL=webpack://demo/./src/001_globalHooks/001_useVCClient.ts?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"useVCClient\": () => (/* binding */ useVCClient)\n/* harmony export */ });\n/* harmony import */ var _dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @dannadori/voice-changer-client-js */ \"./node_modules/@dannadori/voice-changer-client-js/dist/index.js\");\n/* harmony import */ var _dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _const__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../const */ \"./src/const.ts\");\n\n\nvar useVCClient = function useVCClient(props) {\n var clientState = (0,_dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_0__.useClient)({\n clientType: props.clientType,\n audioContext: props.audioContext,\n audioOutputElementId: _const__WEBPACK_IMPORTED_MODULE_1__.AUDIO_ELEMENT_FOR_PLAY_RESULT\n });\n var ret = {\n clientState: clientState\n };\n return ret;\n};\n\n//# sourceURL=webpack://demo/./src/001_globalHooks/001_useVCClient.ts?"); /***/ }), @@ -81,7 +81,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"AppRootProvider\": () => (/* binding */ AppRootProvider),\n/* harmony export */ \"useAppRoot\": () => (/* binding */ useAppRoot)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _001_globalHooks_001_useAudioConfig__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../001_globalHooks/001_useAudioConfig */ \"./src/001_globalHooks/001_useAudioConfig.ts\");\n\n\nvar AppRootContext = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createContext(null);\nvar useAppRoot = function useAppRoot() {\n var state = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(AppRootContext);\n if (!state) {\n throw new Error(\"useAppState must be used within AppStateProvider\");\n }\n return state;\n};\nvar AppRootProvider = function AppRootProvider(_ref) {\n var children = _ref.children;\n var audioContextState = (0,_001_globalHooks_001_useAudioConfig__WEBPACK_IMPORTED_MODULE_1__.useAudioConfig)();\n var providerValue = {\n audioContextState: audioContextState\n };\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(AppRootContext.Provider, {\n value: providerValue\n }, children);\n};\n\n//# sourceURL=webpack://demo/./src/001_provider/001_AppRootProvider.tsx?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"AppRootProvider\": () => (/* binding */ AppRootProvider),\n/* harmony export */ \"useAppRoot\": () => (/* binding */ useAppRoot)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _001_globalHooks_001_useAppGuiSetting__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../001_globalHooks/001_useAppGuiSetting */ \"./src/001_globalHooks/001_useAppGuiSetting.ts\");\n/* harmony import */ var _001_globalHooks_001_useAudioConfig__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../001_globalHooks/001_useAudioConfig */ \"./src/001_globalHooks/001_useAudioConfig.ts\");\n\n\n\nvar AppRootContext = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createContext(null);\nvar useAppRoot = function useAppRoot() {\n var state = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(AppRootContext);\n if (!state) {\n throw new Error(\"useAppState must be used within AppStateProvider\");\n }\n return state;\n};\nvar AppRootProvider = function AppRootProvider(_ref) {\n var children = _ref.children;\n var audioContextState = (0,_001_globalHooks_001_useAudioConfig__WEBPACK_IMPORTED_MODULE_2__.useAudioConfig)();\n var appGuiSettingState = (0,_001_globalHooks_001_useAppGuiSetting__WEBPACK_IMPORTED_MODULE_1__.userAppGuiSetting)();\n (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n var params = new URLSearchParams(window.location.search);\n var modelType = params.get(\"modelType\") || \"\";\n appGuiSettingState.getAppSetting(\"/assets/gui_settings/\".concat(modelType, \".json\"));\n }, []);\n var providerValue = {\n audioContextState: audioContextState,\n appGuiSettingState: appGuiSettingState\n };\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(AppRootContext.Provider, {\n value: providerValue\n }, children);\n};\n\n//# sourceURL=webpack://demo/./src/001_provider/001_AppRootProvider.tsx?"); /***/ }), @@ -92,7 +92,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"AppStateProvider\": () => (/* binding */ AppStateProvider),\n/* harmony export */ \"useAppState\": () => (/* binding */ useAppState)\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ \"./node_modules/@babel/runtime/helpers/esm/defineProperty.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _001_globalHooks_001_useAppGuiSetting__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../001_globalHooks/001_useAppGuiSetting */ \"./src/001_globalHooks/001_useAppGuiSetting.ts\");\n/* harmony import */ var _001_globalHooks_001_useVCClient__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../001_globalHooks/001_useVCClient */ \"./src/001_globalHooks/001_useVCClient.ts\");\n/* harmony import */ var _001_AppRootProvider__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./001_AppRootProvider */ \"./src/001_provider/001_AppRootProvider.tsx\");\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\n\n\n\nvar AppStateContext = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createContext(null);\nvar useAppState = function useAppState() {\n var state = (0,react__WEBPACK_IMPORTED_MODULE_1__.useContext)(AppStateContext);\n if (!state) {\n throw new Error(\"useAppState must be used within AppStateProvider\");\n }\n return state;\n};\nvar AppStateProvider = function AppStateProvider(_ref) {\n var children = _ref.children;\n var appRoot = (0,_001_AppRootProvider__WEBPACK_IMPORTED_MODULE_4__.useAppRoot)();\n var clientState = (0,_001_globalHooks_001_useVCClient__WEBPACK_IMPORTED_MODULE_3__.useVCClient)({\n audioContext: appRoot.audioContextState.audioContext\n });\n var appGuiSettingState = (0,_001_globalHooks_001_useAppGuiSetting__WEBPACK_IMPORTED_MODULE_2__.userAppGuiSetting)();\n var initializedRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(false);\n (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n if (clientState.clientState.initialized) {\n initializedRef.current = true;\n clientState.clientState.clientSetting.updateClientSetting(_objectSpread(_objectSpread({}, clientState.clientState.clientSetting.clientSetting), {}, {\n speakers: [{\n \"id\": 107,\n \"name\": \"user\"\n }, {\n \"id\": 100,\n \"name\": \"ずんだもん\"\n }, {\n \"id\": 101,\n \"name\": \"そら\"\n }, {\n \"id\": 102,\n \"name\": \"めたん\"\n }, {\n \"id\": 103,\n \"name\": \"つむぎ\"\n }]\n }));\n }\n }, [clientState.clientState.initialized]);\n (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n var params = new URLSearchParams(window.location.search);\n var modelType = params.get(\"modelType\") || \"\";\n appGuiSettingState.getAppSetting(\"/assets/gui_settings/\".concat(modelType, \".json\"));\n }, []);\n var providerValue = _objectSpread(_objectSpread({\n audioContext: appRoot.audioContextState.audioContext\n }, clientState.clientState), {}, {\n initializedRef: initializedRef,\n appGuiSettingState: appGuiSettingState\n });\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(AppStateContext.Provider, {\n value: providerValue\n }, children);\n};\n\n//# sourceURL=webpack://demo/./src/001_provider/001_AppStateProvider.tsx?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"AppStateProvider\": () => (/* binding */ AppStateProvider),\n/* harmony export */ \"useAppState\": () => (/* binding */ useAppState)\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ \"./node_modules/@babel/runtime/helpers/esm/defineProperty.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _001_globalHooks_001_useVCClient__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../001_globalHooks/001_useVCClient */ \"./src/001_globalHooks/001_useVCClient.ts\");\n/* harmony import */ var _001_AppRootProvider__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./001_AppRootProvider */ \"./src/001_provider/001_AppRootProvider.tsx\");\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\n\n\nvar AppStateContext = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createContext(null);\nvar useAppState = function useAppState() {\n var state = (0,react__WEBPACK_IMPORTED_MODULE_1__.useContext)(AppStateContext);\n if (!state) {\n throw new Error(\"useAppState must be used within AppStateProvider\");\n }\n return state;\n};\nvar AppStateProvider = function AppStateProvider(_ref) {\n var children = _ref.children;\n var appRoot = (0,_001_AppRootProvider__WEBPACK_IMPORTED_MODULE_3__.useAppRoot)();\n var clientState = (0,_001_globalHooks_001_useVCClient__WEBPACK_IMPORTED_MODULE_2__.useVCClient)({\n audioContext: appRoot.audioContextState.audioContext,\n clientType: appRoot.appGuiSettingState.appGuiSetting.id\n });\n var initializedRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(false);\n (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n if (clientState.clientState.initialized) {\n initializedRef.current = true;\n clientState.clientState.clientSetting.updateClientSetting(_objectSpread(_objectSpread({}, clientState.clientState.clientSetting.clientSetting), {}, {\n speakers: [{\n \"id\": 107,\n \"name\": \"user\"\n }, {\n \"id\": 100,\n \"name\": \"ずんだもん\"\n }, {\n \"id\": 101,\n \"name\": \"そら\"\n }, {\n \"id\": 102,\n \"name\": \"めたん\"\n }, {\n \"id\": 103,\n \"name\": \"つむぎ\"\n }]\n }));\n }\n }, [clientState.clientState.initialized]);\n var providerValue = _objectSpread(_objectSpread({\n audioContext: appRoot.audioContextState.audioContext\n }, clientState.clientState), {}, {\n initializedRef: initializedRef\n });\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(AppStateContext.Provider, {\n value: providerValue\n }, children);\n};\n\n//# sourceURL=webpack://demo/./src/001_provider/001_AppStateProvider.tsx?"); /***/ }), @@ -158,7 +158,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"Title\": () => (/* binding */ Title)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../001_provider/001_AppStateProvider */ \"./src/001_provider/001_AppStateProvider.tsx\");\n/* harmony import */ var _const__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../const */ \"./src/const.ts\");\n/* harmony import */ var _001_GuiStateProvider__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./001_GuiStateProvider */ \"./src/components/demo/001_GuiStateProvider.tsx\");\n\n\n\n\nvar Title = function Title() {\n var _useAppState = (0,_001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_1__.useAppState)(),\n appGuiSettingState = _useAppState.appGuiSettingState;\n var guiState = (0,_001_GuiStateProvider__WEBPACK_IMPORTED_MODULE_3__.useGuiState)();\n var titleSetting = appGuiSettingState.appGuiSetting.front.title;\n var githubLink = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {\n return (0,_const__WEBPACK_IMPORTED_MODULE_2__.isDesktopApp)() ?\n /*#__PURE__*/\n // @ts-ignore\n react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", {\n className: \"link tooltip\",\n onClick: function onClick() {\n window.electronAPI.openBrowser(\"https://github.com/w-okada/voice-changer\");\n }\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"img\", {\n src: \"./assets/icons/github.svg\"\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"tooltip-text\"\n }, \"github\")) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"a\", {\n className: \"link tooltip\",\n href: \"https://github.com/w-okada/voice-changer\",\n target: \"_blank\",\n rel: \"noopener noreferrer\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"img\", {\n src: \"./assets/icons/github.svg\"\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"tooltip-text\"\n }, \"github\"));\n }, []);\n var manualLink = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {\n return (0,_const__WEBPACK_IMPORTED_MODULE_2__.isDesktopApp)() ?\n /*#__PURE__*/\n // @ts-ignore\n react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", {\n className: \"link tooltip\",\n onClick: function onClick() {\n window.electronAPI.openBrowser(\"https://zenn.dev/wok/books/0003_vc-helper-v_1_5\");\n }\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"img\", {\n src: \"./assets/icons/help-circle.svg\"\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"tooltip-text\"\n }, \"manual\")) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"a\", {\n className: \"link tooltip\",\n href: \"https://zenn.dev/wok/books/0003_vc-helper-v_1_5\",\n target: \"_blank\",\n rel: \"noopener noreferrer\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"img\", {\n src: \"./assets/icons/help-circle.svg\"\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"tooltip-text\"\n }, \"manual\"));\n }, []);\n var toolLink = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {\n return (0,_const__WEBPACK_IMPORTED_MODULE_2__.isDesktopApp)() ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"link tooltip\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"img\", {\n src: \"./assets/icons/tool.svg\"\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"tooltip-text tooltip-text-100px\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"p\", {\n onClick: function onClick() {\n // @ts-ignore\n window.electronAPI.openBrowser(\"https://w-okada.github.io/screen-recorder-ts/\");\n }\n }, \"screen capture\"))) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"link tooltip\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"img\", {\n src: \"./assets/icons/tool.svg\"\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"tooltip-text tooltip-text-100px\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"p\", {\n onClick: function onClick() {\n window.open(\"https://w-okada.github.io/screen-recorder-ts/\", '_blank', \"noreferrer\");\n }\n }, \"screen capture\")));\n }, []);\n var coffeeLink = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {\n return (0,_const__WEBPACK_IMPORTED_MODULE_2__.isDesktopApp)() ?\n /*#__PURE__*/\n // @ts-ignore\n react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", {\n className: \"link tooltip\",\n onClick: function onClick() {\n window.electronAPI.openBrowser(\"https://www.buymeacoffee.com/wokad\");\n }\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"img\", {\n className: \"donate-img\",\n src: \"./assets/buymeacoffee.png\"\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"tooltip-text tooltip-text-100px\"\n }, \"donate(\\u5BC4\\u4ED8)\")) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"a\", {\n className: \"link tooltip\",\n href: \"https://www.buymeacoffee.com/wokad\",\n target: \"_blank\",\n rel: \"noopener noreferrer\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"img\", {\n className: \"donate-img\",\n src: \"./assets/buymeacoffee.png\"\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"tooltip-text tooltip-text-100px\"\n }, \"donate(\\u5BC4\\u4ED8)\"));\n }, []);\n var licenseButton = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", {\n className: \"link\",\n onClick: function onClick() {\n var _document$getElementB;\n (_document$getElementB = document.getElementById(\"dialog\")) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.classList.add(\"dialog-container-show\");\n guiState.stateControls.showLicenseCheckbox.updateState(true);\n }\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", null, \"License\"));\n }, []);\n var titleRow = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {\n if (titleSetting.lineNum == 2) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"top-title\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", {\n className: \"title\"\n }, titleSetting.mainTitle)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"top-title\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", {\n className: \"top-title-version\"\n }, titleSetting.subTitle), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", {\n className: \"belongings\"\n }, githubLink, manualLink, toolLink, coffeeLink, licenseButton)));\n } else {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"top-title\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", {\n className: \"title\"\n }, titleSetting.mainTitle), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", {\n className: \"top-title-version\"\n }, titleSetting.subTitle), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", {\n className: \"belongings\"\n }, githubLink, manualLink, toolLink, coffeeLink, licenseButton), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", {\n className: \"belongings\"\n }));\n }\n }, [titleSetting]);\n return titleRow;\n};\n\n//# sourceURL=webpack://demo/./src/components/demo/101_Title.tsx?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"Title\": () => (/* binding */ Title)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _001_provider_001_AppRootProvider__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../001_provider/001_AppRootProvider */ \"./src/001_provider/001_AppRootProvider.tsx\");\n/* harmony import */ var _const__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../const */ \"./src/const.ts\");\n/* harmony import */ var _001_GuiStateProvider__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./001_GuiStateProvider */ \"./src/components/demo/001_GuiStateProvider.tsx\");\n\n\n\n\nvar Title = function Title() {\n var _useAppRoot = (0,_001_provider_001_AppRootProvider__WEBPACK_IMPORTED_MODULE_1__.useAppRoot)(),\n appGuiSettingState = _useAppRoot.appGuiSettingState;\n var guiState = (0,_001_GuiStateProvider__WEBPACK_IMPORTED_MODULE_3__.useGuiState)();\n var titleSetting = appGuiSettingState.appGuiSetting.front.title;\n var githubLink = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {\n return (0,_const__WEBPACK_IMPORTED_MODULE_2__.isDesktopApp)() ?\n /*#__PURE__*/\n // @ts-ignore\n react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", {\n className: \"link tooltip\",\n onClick: function onClick() {\n window.electronAPI.openBrowser(\"https://github.com/w-okada/voice-changer\");\n }\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"img\", {\n src: \"./assets/icons/github.svg\"\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"tooltip-text\"\n }, \"github\")) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"a\", {\n className: \"link tooltip\",\n href: \"https://github.com/w-okada/voice-changer\",\n target: \"_blank\",\n rel: \"noopener noreferrer\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"img\", {\n src: \"./assets/icons/github.svg\"\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"tooltip-text\"\n }, \"github\"));\n }, []);\n var manualLink = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {\n return (0,_const__WEBPACK_IMPORTED_MODULE_2__.isDesktopApp)() ?\n /*#__PURE__*/\n // @ts-ignore\n react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", {\n className: \"link tooltip\",\n onClick: function onClick() {\n window.electronAPI.openBrowser(\"https://zenn.dev/wok/books/0003_vc-helper-v_1_5\");\n }\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"img\", {\n src: \"./assets/icons/help-circle.svg\"\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"tooltip-text\"\n }, \"manual\")) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"a\", {\n className: \"link tooltip\",\n href: \"https://zenn.dev/wok/books/0003_vc-helper-v_1_5\",\n target: \"_blank\",\n rel: \"noopener noreferrer\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"img\", {\n src: \"./assets/icons/help-circle.svg\"\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"tooltip-text\"\n }, \"manual\"));\n }, []);\n var toolLink = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {\n return (0,_const__WEBPACK_IMPORTED_MODULE_2__.isDesktopApp)() ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"link tooltip\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"img\", {\n src: \"./assets/icons/tool.svg\"\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"tooltip-text tooltip-text-100px\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"p\", {\n onClick: function onClick() {\n // @ts-ignore\n window.electronAPI.openBrowser(\"https://w-okada.github.io/screen-recorder-ts/\");\n }\n }, \"screen capture\"))) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"link tooltip\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"img\", {\n src: \"./assets/icons/tool.svg\"\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"tooltip-text tooltip-text-100px\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"p\", {\n onClick: function onClick() {\n window.open(\"https://w-okada.github.io/screen-recorder-ts/\", '_blank', \"noreferrer\");\n }\n }, \"screen capture\")));\n }, []);\n var coffeeLink = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {\n return (0,_const__WEBPACK_IMPORTED_MODULE_2__.isDesktopApp)() ?\n /*#__PURE__*/\n // @ts-ignore\n react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", {\n className: \"link tooltip\",\n onClick: function onClick() {\n window.electronAPI.openBrowser(\"https://www.buymeacoffee.com/wokad\");\n }\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"img\", {\n className: \"donate-img\",\n src: \"./assets/buymeacoffee.png\"\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"tooltip-text tooltip-text-100px\"\n }, \"donate(\\u5BC4\\u4ED8)\")) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"a\", {\n className: \"link tooltip\",\n href: \"https://www.buymeacoffee.com/wokad\",\n target: \"_blank\",\n rel: \"noopener noreferrer\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"img\", {\n className: \"donate-img\",\n src: \"./assets/buymeacoffee.png\"\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"tooltip-text tooltip-text-100px\"\n }, \"donate(\\u5BC4\\u4ED8)\"));\n }, []);\n var licenseButton = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", {\n className: \"link\",\n onClick: function onClick() {\n var _document$getElementB;\n (_document$getElementB = document.getElementById(\"dialog\")) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.classList.add(\"dialog-container-show\");\n guiState.stateControls.showLicenseCheckbox.updateState(true);\n }\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", null, \"License\"));\n }, []);\n var titleRow = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {\n if (titleSetting.lineNum == 2) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"top-title\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", {\n className: \"title\"\n }, titleSetting.mainTitle)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"top-title\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", {\n className: \"top-title-version\"\n }, titleSetting.subTitle), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", {\n className: \"belongings\"\n }, githubLink, manualLink, toolLink, coffeeLink, licenseButton)));\n } else {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"top-title\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", {\n className: \"title\"\n }, titleSetting.mainTitle), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", {\n className: \"top-title-version\"\n }, titleSetting.subTitle), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", {\n className: \"belongings\"\n }, githubLink, manualLink, toolLink, coffeeLink, licenseButton), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"span\", {\n className: \"belongings\"\n }));\n }\n }, [titleSetting]);\n return titleRow;\n};\n\n//# sourceURL=webpack://demo/./src/components/demo/101_Title.tsx?"); /***/ }), @@ -169,7 +169,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"ClearSettingRow\": () => (/* binding */ ClearSettingRow)\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ \"./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js\");\n/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/regenerator */ \"./node_modules/@babel/runtime/regenerator/index.js\");\n/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../001_provider/001_AppStateProvider */ \"./src/001_provider/001_AppStateProvider.tsx\");\n/* harmony import */ var _dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @dannadori/voice-changer-client-js */ \"./node_modules/@dannadori/voice-changer-client-js/dist/index.js\");\n/* harmony import */ var _dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _const__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../const */ \"./src/const.ts\");\n\n\n\n\n\n\nvar ClearSettingRow = function ClearSettingRow() {\n var appState = (0,_001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_3__.useAppState)();\n var clientType = appState.appGuiSettingState.appGuiSetting.id;\n var _useIndexedDB = (0,_dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_4__.useIndexedDB)({\n clientType: clientType\n }),\n removeItem = _useIndexedDB.removeItem;\n var clearSettingRow = (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(function () {\n var onClearSettingClicked = /*#__PURE__*/function () {\n var _ref = (0,_babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__[\"default\"])( /*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_1___default().mark(function _callee() {\n return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_1___default().wrap(function _callee$(_context) {\n while (1) switch (_context.prev = _context.next) {\n case 0:\n _context.next = 2;\n return appState.clearSetting();\n case 2:\n _context.next = 4;\n return removeItem(_const__WEBPACK_IMPORTED_MODULE_5__.INDEXEDDB_KEY_AUDIO_OUTPUT);\n case 4:\n location.reload();\n case 5:\n case \"end\":\n return _context.stop();\n }\n }, _callee);\n }));\n return function onClearSettingClicked() {\n return _ref.apply(this, arguments);\n };\n }();\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"body-row split-3-3-4 left-padding-1\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"body-button-container\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"body-button\",\n onClick: onClearSettingClicked\n }, \"clear setting\")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"body-item-text\"\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"body-item-text\"\n }));\n }, []);\n return clearSettingRow;\n};\n\n//# sourceURL=webpack://demo/./src/components/demo/102_ClearSettingRow.tsx?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"ClearSettingRow\": () => (/* binding */ ClearSettingRow)\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ \"./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js\");\n/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/regenerator */ \"./node_modules/@babel/runtime/regenerator/index.js\");\n/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../001_provider/001_AppStateProvider */ \"./src/001_provider/001_AppStateProvider.tsx\");\n/* harmony import */ var _dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @dannadori/voice-changer-client-js */ \"./node_modules/@dannadori/voice-changer-client-js/dist/index.js\");\n/* harmony import */ var _dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _const__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../const */ \"./src/const.ts\");\n/* harmony import */ var _001_provider_001_AppRootProvider__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../001_provider/001_AppRootProvider */ \"./src/001_provider/001_AppRootProvider.tsx\");\n\n\n\n\n\n\n\nvar ClearSettingRow = function ClearSettingRow() {\n var appState = (0,_001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_3__.useAppState)();\n var _useAppRoot = (0,_001_provider_001_AppRootProvider__WEBPACK_IMPORTED_MODULE_6__.useAppRoot)(),\n appGuiSettingState = _useAppRoot.appGuiSettingState;\n var clientType = appGuiSettingState.appGuiSetting.id;\n var _useIndexedDB = (0,_dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_4__.useIndexedDB)({\n clientType: clientType\n }),\n removeItem = _useIndexedDB.removeItem;\n var clearSettingRow = (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(function () {\n var onClearSettingClicked = /*#__PURE__*/function () {\n var _ref = (0,_babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__[\"default\"])( /*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_1___default().mark(function _callee() {\n return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_1___default().wrap(function _callee$(_context) {\n while (1) switch (_context.prev = _context.next) {\n case 0:\n _context.next = 2;\n return appState.clearSetting();\n case 2:\n _context.next = 4;\n return removeItem(_const__WEBPACK_IMPORTED_MODULE_5__.INDEXEDDB_KEY_AUDIO_OUTPUT);\n case 4:\n location.reload();\n case 5:\n case \"end\":\n return _context.stop();\n }\n }, _callee);\n }));\n return function onClearSettingClicked() {\n return _ref.apply(this, arguments);\n };\n }();\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"body-row split-3-3-4 left-padding-1\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"body-button-container\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"body-button\",\n onClick: onClearSettingClicked\n }, \"clear setting\")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"body-item-text\"\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"body-item-text\"\n }));\n }, []);\n return clearSettingRow;\n};\n\n//# sourceURL=webpack://demo/./src/components/demo/102_ClearSettingRow.tsx?"); /***/ }), @@ -235,7 +235,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"ModelUploaderRow\": () => (/* binding */ ModelUploaderRow)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _001_GuiStateProvider__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./001_GuiStateProvider */ \"./src/components/demo/001_GuiStateProvider.tsx\");\n\n\nvar ModelUploaderRow = function ModelUploaderRow() {\n var guiState = (0,_001_GuiStateProvider__WEBPACK_IMPORTED_MODULE_1__.useGuiState)();\n var modelUploaderRow = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"body-row split-3-3-4 left-padding-1 guided\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"body-item-title left-padding-1\"\n }, \"Model Uploader\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"body-item-text\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", null)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"body-item-text\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"input\", {\n type: \"checkbox\",\n checked: guiState.showPyTorchModelUpload,\n onChange: function onChange(e) {\n guiState.setShowPyTorchModelUpload(e.target.checked);\n }\n }), \" enable PyTorch\")));\n }, [guiState.showPyTorchModelUpload]);\n return modelUploaderRow;\n};\n\n//# sourceURL=webpack://demo/./src/components/demo/301_ModelUploaderRow.tsx?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"ModelUploaderRow\": () => (/* binding */ ModelUploaderRow)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _001_provider_001_AppRootProvider__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../001_provider/001_AppRootProvider */ \"./src/001_provider/001_AppRootProvider.tsx\");\n/* harmony import */ var _001_GuiStateProvider__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./001_GuiStateProvider */ \"./src/components/demo/001_GuiStateProvider.tsx\");\n\n\n\nvar ModelUploaderRow = function ModelUploaderRow() {\n var guiState = (0,_001_GuiStateProvider__WEBPACK_IMPORTED_MODULE_2__.useGuiState)();\n var _useAppRoot = (0,_001_provider_001_AppRootProvider__WEBPACK_IMPORTED_MODULE_1__.useAppRoot)(),\n appGuiSettingState = _useAppRoot.appGuiSettingState;\n (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n if (appGuiSettingState.appGuiSetting.front.modelSetting.showPyTorchDefault) {\n guiState.setShowPyTorchModelUpload(true);\n }\n }, []);\n var modelUploaderRow = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"body-row split-3-3-4 left-padding-1 guided\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"body-item-title left-padding-1\"\n }, \"Model Uploader\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"body-item-text\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", null)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"body-item-text\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"input\", {\n type: \"checkbox\",\n checked: guiState.showPyTorchModelUpload,\n onChange: function onChange(e) {\n guiState.setShowPyTorchModelUpload(e.target.checked);\n }\n }), \" enable PyTorch\")));\n }, [guiState.showPyTorchModelUpload]);\n return modelUploaderRow;\n};\n\n//# sourceURL=webpack://demo/./src/components/demo/301_ModelUploaderRow.tsx?"); /***/ }), @@ -257,7 +257,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"ONNXSelectRow\": () => (/* binding */ ONNXSelectRow)\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ \"./node_modules/@babel/runtime/helpers/esm/defineProperty.js\");\n/* harmony import */ var _babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ \"./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js\");\n/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/regenerator */ \"./node_modules/@babel/runtime/regenerator/index.js\");\n/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @dannadori/voice-changer-client-js */ \"./node_modules/@dannadori/voice-changer-client-js/dist/index.js\");\n/* harmony import */ var _dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../001_provider/001_AppStateProvider */ \"./src/001_provider/001_AppStateProvider.tsx\");\n\n\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\n\n\nvar ONNXSelectRow = function ONNXSelectRow() {\n var appState = (0,_001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_5__.useAppState)();\n var modelSetting = appState.appGuiSettingState.appGuiSetting.front.modelSetting;\n var onnxSelectRow = (0,react__WEBPACK_IMPORTED_MODULE_3__.useMemo)(function () {\n var _appState$serverSetti, _appState$serverSetti2, _appState$serverSetti3;\n if (!modelSetting.ONNXEnable) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement((react__WEBPACK_IMPORTED_MODULE_3___default().Fragment), null);\n }\n var onnxModelFilenameText = ((_appState$serverSetti = appState.serverSetting.fileUploadSetting.onnxModel) === null || _appState$serverSetti === void 0 ? void 0 : _appState$serverSetti.filename) || ((_appState$serverSetti2 = appState.serverSetting.fileUploadSetting.onnxModel) === null || _appState$serverSetti2 === void 0 ? void 0 : (_appState$serverSetti3 = _appState$serverSetti2.file) === null || _appState$serverSetti3 === void 0 ? void 0 : _appState$serverSetti3.name) || \"\";\n var onOnnxFileLoadClicked = /*#__PURE__*/function () {\n var _ref = (0,_babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_1__[\"default\"])( /*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2___default().mark(function _callee() {\n var file;\n return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2___default().wrap(function _callee$(_context) {\n while (1) switch (_context.prev = _context.next) {\n case 0:\n _context.next = 2;\n return (0,_dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_4__.fileSelector)(\"\");\n case 2:\n file = _context.sent;\n if (!(file.name.endsWith(\".onnx\") == false)) {\n _context.next = 6;\n break;\n }\n alert(\"モデルファイルの拡張子はonnxである必要があります。\");\n return _context.abrupt(\"return\");\n case 6:\n appState.serverSetting.setFileUploadSetting(_objectSpread(_objectSpread({}, appState.serverSetting.fileUploadSetting), {}, {\n onnxModel: {\n file: file\n }\n }));\n case 7:\n case \"end\":\n return _context.stop();\n }\n }, _callee);\n }));\n return function onOnnxFileLoadClicked() {\n return _ref.apply(this, arguments);\n };\n }();\n var onOnnxFileClearClicked = function onOnnxFileClearClicked() {\n appState.serverSetting.setFileUploadSetting(_objectSpread(_objectSpread({}, appState.serverSetting.fileUploadSetting), {}, {\n onnxModel: null\n }));\n };\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(\"div\", {\n className: \"body-row split-3-3-4 left-padding-1 guided\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(\"div\", {\n className: \"body-item-title left-padding-2\"\n }, \"Onnx(.onnx)\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(\"div\", {\n className: \"body-item-text\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(\"div\", null, onnxModelFilenameText)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(\"div\", {\n className: \"body-button-container\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(\"div\", {\n className: \"body-button\",\n onClick: onOnnxFileLoadClicked\n }, \"select\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(\"div\", {\n className: \"body-button left-margin-1\",\n onClick: onOnnxFileClearClicked\n }, \"clear\")));\n }, [modelSetting.ONNXEnable, appState.serverSetting.fileUploadSetting, appState.serverSetting.setFileUploadSetting]);\n return onnxSelectRow;\n};\n\n//# sourceURL=webpack://demo/./src/components/demo/303_ONNXSelectRow.tsx?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"ONNXSelectRow\": () => (/* binding */ ONNXSelectRow)\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ \"./node_modules/@babel/runtime/helpers/esm/defineProperty.js\");\n/* harmony import */ var _babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ \"./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js\");\n/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/regenerator */ \"./node_modules/@babel/runtime/regenerator/index.js\");\n/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @dannadori/voice-changer-client-js */ \"./node_modules/@dannadori/voice-changer-client-js/dist/index.js\");\n/* harmony import */ var _dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../001_provider/001_AppStateProvider */ \"./src/001_provider/001_AppStateProvider.tsx\");\n/* harmony import */ var _001_provider_001_AppRootProvider__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../001_provider/001_AppRootProvider */ \"./src/001_provider/001_AppRootProvider.tsx\");\n\n\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\n\n\n\nvar ONNXSelectRow = function ONNXSelectRow() {\n var appState = (0,_001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_5__.useAppState)();\n var _useAppRoot = (0,_001_provider_001_AppRootProvider__WEBPACK_IMPORTED_MODULE_6__.useAppRoot)(),\n appGuiSettingState = _useAppRoot.appGuiSettingState;\n var modelSetting = appGuiSettingState.appGuiSetting.front.modelSetting;\n var onnxSelectRow = (0,react__WEBPACK_IMPORTED_MODULE_3__.useMemo)(function () {\n var _appState$serverSetti, _appState$serverSetti2, _appState$serverSetti3;\n if (!modelSetting.ONNXEnable) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement((react__WEBPACK_IMPORTED_MODULE_3___default().Fragment), null);\n }\n var onnxModelFilenameText = ((_appState$serverSetti = appState.serverSetting.fileUploadSetting.onnxModel) === null || _appState$serverSetti === void 0 ? void 0 : _appState$serverSetti.filename) || ((_appState$serverSetti2 = appState.serverSetting.fileUploadSetting.onnxModel) === null || _appState$serverSetti2 === void 0 ? void 0 : (_appState$serverSetti3 = _appState$serverSetti2.file) === null || _appState$serverSetti3 === void 0 ? void 0 : _appState$serverSetti3.name) || \"\";\n var onOnnxFileLoadClicked = /*#__PURE__*/function () {\n var _ref = (0,_babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_1__[\"default\"])( /*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2___default().mark(function _callee() {\n var file;\n return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2___default().wrap(function _callee$(_context) {\n while (1) switch (_context.prev = _context.next) {\n case 0:\n _context.next = 2;\n return (0,_dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_4__.fileSelector)(\"\");\n case 2:\n file = _context.sent;\n if (!(file.name.endsWith(\".onnx\") == false)) {\n _context.next = 6;\n break;\n }\n alert(\"モデルファイルの拡張子はonnxである必要があります。\");\n return _context.abrupt(\"return\");\n case 6:\n appState.serverSetting.setFileUploadSetting(_objectSpread(_objectSpread({}, appState.serverSetting.fileUploadSetting), {}, {\n onnxModel: {\n file: file\n }\n }));\n case 7:\n case \"end\":\n return _context.stop();\n }\n }, _callee);\n }));\n return function onOnnxFileLoadClicked() {\n return _ref.apply(this, arguments);\n };\n }();\n var onOnnxFileClearClicked = function onOnnxFileClearClicked() {\n appState.serverSetting.setFileUploadSetting(_objectSpread(_objectSpread({}, appState.serverSetting.fileUploadSetting), {}, {\n onnxModel: null\n }));\n };\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(\"div\", {\n className: \"body-row split-3-3-4 left-padding-1 guided\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(\"div\", {\n className: \"body-item-title left-padding-2\"\n }, \"Onnx(.onnx)\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(\"div\", {\n className: \"body-item-text\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(\"div\", null, onnxModelFilenameText)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(\"div\", {\n className: \"body-button-container\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(\"div\", {\n className: \"body-button\",\n onClick: onOnnxFileLoadClicked\n }, \"select\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(\"div\", {\n className: \"body-button left-margin-1\",\n onClick: onOnnxFileClearClicked\n }, \"clear\")));\n }, [modelSetting.ONNXEnable, appState.serverSetting.fileUploadSetting, appState.serverSetting.setFileUploadSetting]);\n return onnxSelectRow;\n};\n\n//# sourceURL=webpack://demo/./src/components/demo/303_ONNXSelectRow.tsx?"); /***/ }), @@ -268,7 +268,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"PyTorchSelectRow\": () => (/* binding */ PyTorchSelectRow)\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ \"./node_modules/@babel/runtime/helpers/esm/defineProperty.js\");\n/* harmony import */ var _babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ \"./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js\");\n/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/regenerator */ \"./node_modules/@babel/runtime/regenerator/index.js\");\n/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @dannadori/voice-changer-client-js */ \"./node_modules/@dannadori/voice-changer-client-js/dist/index.js\");\n/* harmony import */ var _dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../001_provider/001_AppStateProvider */ \"./src/001_provider/001_AppStateProvider.tsx\");\n/* harmony import */ var _001_GuiStateProvider__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./001_GuiStateProvider */ \"./src/components/demo/001_GuiStateProvider.tsx\");\n\n\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\n\n\n\nvar PyTorchSelectRow = function PyTorchSelectRow() {\n var appState = (0,_001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_5__.useAppState)();\n var modelSetting = appState.appGuiSettingState.appGuiSetting.front.modelSetting;\n var guiState = (0,_001_GuiStateProvider__WEBPACK_IMPORTED_MODULE_6__.useGuiState)();\n var pyTorchSelectRow = (0,react__WEBPACK_IMPORTED_MODULE_3__.useMemo)(function () {\n var _appState$serverSetti, _appState$serverSetti2, _appState$serverSetti3;\n if (!modelSetting.pyTorchEnable) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement((react__WEBPACK_IMPORTED_MODULE_3___default().Fragment), null);\n }\n if (!guiState.showPyTorchModelUpload) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement((react__WEBPACK_IMPORTED_MODULE_3___default().Fragment), null);\n }\n var pyTorchFilenameText = ((_appState$serverSetti = appState.serverSetting.fileUploadSetting.pyTorchModel) === null || _appState$serverSetti === void 0 ? void 0 : _appState$serverSetti.filename) || ((_appState$serverSetti2 = appState.serverSetting.fileUploadSetting.pyTorchModel) === null || _appState$serverSetti2 === void 0 ? void 0 : (_appState$serverSetti3 = _appState$serverSetti2.file) === null || _appState$serverSetti3 === void 0 ? void 0 : _appState$serverSetti3.name) || \"\";\n var onPyTorchFileLoadClicked = /*#__PURE__*/function () {\n var _ref = (0,_babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_1__[\"default\"])( /*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2___default().mark(function _callee() {\n var file;\n return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2___default().wrap(function _callee$(_context) {\n while (1) switch (_context.prev = _context.next) {\n case 0:\n _context.next = 2;\n return (0,_dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_4__.fileSelector)(\"\");\n case 2:\n file = _context.sent;\n if (!(file.name.endsWith(\".pth\") == false)) {\n _context.next = 6;\n break;\n }\n alert(\"モデルファイルの拡張子はpthである必要があります。\");\n return _context.abrupt(\"return\");\n case 6:\n appState.serverSetting.setFileUploadSetting(_objectSpread(_objectSpread({}, appState.serverSetting.fileUploadSetting), {}, {\n pyTorchModel: {\n file: file\n }\n }));\n case 7:\n case \"end\":\n return _context.stop();\n }\n }, _callee);\n }));\n return function onPyTorchFileLoadClicked() {\n return _ref.apply(this, arguments);\n };\n }();\n var onPyTorchFileClearClicked = function onPyTorchFileClearClicked() {\n appState.serverSetting.setFileUploadSetting(_objectSpread(_objectSpread({}, appState.serverSetting.fileUploadSetting), {}, {\n pyTorchModel: null\n }));\n };\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(\"div\", {\n className: \"body-row split-3-3-4 left-padding-1 guided\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(\"div\", {\n className: \"body-item-title left-padding-2\"\n }, \"PyTorch(.pth)\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(\"div\", {\n className: \"body-item-text\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(\"div\", null, pyTorchFilenameText)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(\"div\", {\n className: \"body-button-container\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(\"div\", {\n className: \"body-button\",\n onClick: onPyTorchFileLoadClicked\n }, \"select\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(\"div\", {\n className: \"body-button left-margin-1\",\n onClick: onPyTorchFileClearClicked\n }, \"clear\")));\n }, [modelSetting.pyTorchEnable, guiState.showPyTorchModelUpload, appState.serverSetting.fileUploadSetting, appState.serverSetting.setFileUploadSetting]);\n return pyTorchSelectRow;\n};\n\n//# sourceURL=webpack://demo/./src/components/demo/304_PyTorchSelectRow.tsx?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"PyTorchSelectRow\": () => (/* binding */ PyTorchSelectRow)\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ \"./node_modules/@babel/runtime/helpers/esm/defineProperty.js\");\n/* harmony import */ var _babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ \"./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js\");\n/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/regenerator */ \"./node_modules/@babel/runtime/regenerator/index.js\");\n/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @dannadori/voice-changer-client-js */ \"./node_modules/@dannadori/voice-changer-client-js/dist/index.js\");\n/* harmony import */ var _dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../001_provider/001_AppStateProvider */ \"./src/001_provider/001_AppStateProvider.tsx\");\n/* harmony import */ var _001_GuiStateProvider__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./001_GuiStateProvider */ \"./src/components/demo/001_GuiStateProvider.tsx\");\n/* harmony import */ var _001_provider_001_AppRootProvider__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../001_provider/001_AppRootProvider */ \"./src/001_provider/001_AppRootProvider.tsx\");\n\n\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\n\n\n\n\nvar PyTorchSelectRow = function PyTorchSelectRow() {\n var appState = (0,_001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_5__.useAppState)();\n var _useAppRoot = (0,_001_provider_001_AppRootProvider__WEBPACK_IMPORTED_MODULE_7__.useAppRoot)(),\n appGuiSettingState = _useAppRoot.appGuiSettingState;\n var modelSetting = appGuiSettingState.appGuiSetting.front.modelSetting;\n var guiState = (0,_001_GuiStateProvider__WEBPACK_IMPORTED_MODULE_6__.useGuiState)();\n var pyTorchSelectRow = (0,react__WEBPACK_IMPORTED_MODULE_3__.useMemo)(function () {\n var _appState$serverSetti, _appState$serverSetti2, _appState$serverSetti3;\n if (!modelSetting.pyTorchEnable) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement((react__WEBPACK_IMPORTED_MODULE_3___default().Fragment), null);\n }\n if (!guiState.showPyTorchModelUpload) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement((react__WEBPACK_IMPORTED_MODULE_3___default().Fragment), null);\n }\n var pyTorchFilenameText = ((_appState$serverSetti = appState.serverSetting.fileUploadSetting.pyTorchModel) === null || _appState$serverSetti === void 0 ? void 0 : _appState$serverSetti.filename) || ((_appState$serverSetti2 = appState.serverSetting.fileUploadSetting.pyTorchModel) === null || _appState$serverSetti2 === void 0 ? void 0 : (_appState$serverSetti3 = _appState$serverSetti2.file) === null || _appState$serverSetti3 === void 0 ? void 0 : _appState$serverSetti3.name) || \"\";\n var onPyTorchFileLoadClicked = /*#__PURE__*/function () {\n var _ref = (0,_babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_1__[\"default\"])( /*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2___default().mark(function _callee() {\n var file;\n return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2___default().wrap(function _callee$(_context) {\n while (1) switch (_context.prev = _context.next) {\n case 0:\n _context.next = 2;\n return (0,_dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_4__.fileSelector)(\"\");\n case 2:\n file = _context.sent;\n if (!(file.name.endsWith(\".pth\") == false)) {\n _context.next = 6;\n break;\n }\n alert(\"モデルファイルの拡張子はpthである必要があります。\");\n return _context.abrupt(\"return\");\n case 6:\n appState.serverSetting.setFileUploadSetting(_objectSpread(_objectSpread({}, appState.serverSetting.fileUploadSetting), {}, {\n pyTorchModel: {\n file: file\n }\n }));\n case 7:\n case \"end\":\n return _context.stop();\n }\n }, _callee);\n }));\n return function onPyTorchFileLoadClicked() {\n return _ref.apply(this, arguments);\n };\n }();\n var onPyTorchFileClearClicked = function onPyTorchFileClearClicked() {\n appState.serverSetting.setFileUploadSetting(_objectSpread(_objectSpread({}, appState.serverSetting.fileUploadSetting), {}, {\n pyTorchModel: null\n }));\n };\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(\"div\", {\n className: \"body-row split-3-3-4 left-padding-1 guided\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(\"div\", {\n className: \"body-item-title left-padding-2\"\n }, \"PyTorch(.pth)\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(\"div\", {\n className: \"body-item-text\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(\"div\", null, pyTorchFilenameText)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(\"div\", {\n className: \"body-button-container\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(\"div\", {\n className: \"body-button\",\n onClick: onPyTorchFileLoadClicked\n }, \"select\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(\"div\", {\n className: \"body-button left-margin-1\",\n onClick: onPyTorchFileClearClicked\n }, \"clear\")));\n }, [modelSetting.pyTorchEnable, guiState.showPyTorchModelUpload, appState.serverSetting.fileUploadSetting, appState.serverSetting.setFileUploadSetting]);\n return pyTorchSelectRow;\n};\n\n//# sourceURL=webpack://demo/./src/components/demo/304_PyTorchSelectRow.tsx?"); /***/ }), @@ -279,7 +279,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"CorrespondenceSelectRow\": () => (/* binding */ CorrespondenceSelectRow)\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ \"./node_modules/@babel/runtime/helpers/esm/defineProperty.js\");\n/* harmony import */ var _babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ \"./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js\");\n/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/regenerator */ \"./node_modules/@babel/runtime/regenerator/index.js\");\n/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @dannadori/voice-changer-client-js */ \"./node_modules/@dannadori/voice-changer-client-js/dist/index.js\");\n/* harmony import */ var _dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../001_provider/001_AppStateProvider */ \"./src/001_provider/001_AppStateProvider.tsx\");\n\n\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\n\n\nvar CorrespondenceSelectRow = function CorrespondenceSelectRow() {\n var appState = (0,_001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_5__.useAppState)();\n var modelSetting = appState.appGuiSettingState.appGuiSetting.front.modelSetting;\n var CorrespondenceSelectRow = (0,react__WEBPACK_IMPORTED_MODULE_3__.useMemo)(function () {\n if (!modelSetting.MMVCCorrespondense) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement((react__WEBPACK_IMPORTED_MODULE_3___default().Fragment), null);\n }\n var correspondenceFileText = appState.clientSetting.clientSetting.correspondences ? JSON.stringify(appState.clientSetting.clientSetting.correspondences.map(function (x) {\n return x.dirname;\n })) : \"\";\n var onCorrespondenceFileLoadClicked = /*#__PURE__*/function () {\n var _ref = (0,_babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_1__[\"default\"])( /*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2___default().mark(function _callee() {\n var file, correspondenceText, cors;\n return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2___default().wrap(function _callee$(_context) {\n while (1) switch (_context.prev = _context.next) {\n case 0:\n _context.next = 2;\n return (0,_dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_4__.fileSelector)(\"\");\n case 2:\n file = _context.sent;\n _context.next = 5;\n return file.text();\n case 5:\n correspondenceText = _context.sent;\n cors = correspondenceText.split(\"\\n\").map(function (line) {\n var items = line.split(\"|\");\n if (items.length != 3) {\n console.warn(\"Invalid Correspondence Line:\", line);\n return null;\n } else {\n var cor = {\n sid: Number(items[0]),\n correspondence: Number(items[1]),\n dirname: items[2]\n };\n return cor;\n }\n }).filter(function (x) {\n return x != null;\n });\n console.log(cors);\n appState.clientSetting.updateClientSetting(_objectSpread(_objectSpread({}, appState.clientSetting.clientSetting), {}, {\n correspondences: cors\n }));\n case 9:\n case \"end\":\n return _context.stop();\n }\n }, _callee);\n }));\n return function onCorrespondenceFileLoadClicked() {\n return _ref.apply(this, arguments);\n };\n }();\n var onCorrespondenceFileClearClicked = function onCorrespondenceFileClearClicked() {\n appState.clientSetting.updateClientSetting(_objectSpread(_objectSpread({}, appState.clientSetting.clientSetting), {}, {\n correspondences: []\n }));\n };\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(\"div\", {\n className: \"body-row split-3-3-4 left-padding-1 guided\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(\"div\", {\n className: \"body-item-title left-padding-2\"\n }, \"Correspondence\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(\"div\", {\n className: \"body-item-text\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(\"div\", null, correspondenceFileText)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(\"div\", {\n className: \"body-button-container\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(\"div\", {\n className: \"body-button\",\n onClick: onCorrespondenceFileLoadClicked\n }, \"select\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(\"div\", {\n className: \"body-button left-margin-1\",\n onClick: onCorrespondenceFileClearClicked\n }, \"clear\")));\n }, [modelSetting.MMVCCorrespondense, appState.clientSetting.clientSetting.correspondences]);\n return CorrespondenceSelectRow;\n};\n\n//# sourceURL=webpack://demo/./src/components/demo/305_CorrespondenceSelectRow.tsx?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"CorrespondenceSelectRow\": () => (/* binding */ CorrespondenceSelectRow)\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ \"./node_modules/@babel/runtime/helpers/esm/defineProperty.js\");\n/* harmony import */ var _babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ \"./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js\");\n/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/regenerator */ \"./node_modules/@babel/runtime/regenerator/index.js\");\n/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @dannadori/voice-changer-client-js */ \"./node_modules/@dannadori/voice-changer-client-js/dist/index.js\");\n/* harmony import */ var _dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../001_provider/001_AppStateProvider */ \"./src/001_provider/001_AppStateProvider.tsx\");\n/* harmony import */ var _001_provider_001_AppRootProvider__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../001_provider/001_AppRootProvider */ \"./src/001_provider/001_AppRootProvider.tsx\");\n\n\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\n\n\n\nvar CorrespondenceSelectRow = function CorrespondenceSelectRow() {\n var appState = (0,_001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_5__.useAppState)();\n var _useAppRoot = (0,_001_provider_001_AppRootProvider__WEBPACK_IMPORTED_MODULE_6__.useAppRoot)(),\n appGuiSettingState = _useAppRoot.appGuiSettingState;\n var modelSetting = appGuiSettingState.appGuiSetting.front.modelSetting;\n var CorrespondenceSelectRow = (0,react__WEBPACK_IMPORTED_MODULE_3__.useMemo)(function () {\n if (!modelSetting.MMVCCorrespondense) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement((react__WEBPACK_IMPORTED_MODULE_3___default().Fragment), null);\n }\n var correspondenceFileText = appState.clientSetting.clientSetting.correspondences ? JSON.stringify(appState.clientSetting.clientSetting.correspondences.map(function (x) {\n return x.dirname;\n })) : \"\";\n var onCorrespondenceFileLoadClicked = /*#__PURE__*/function () {\n var _ref = (0,_babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_1__[\"default\"])( /*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2___default().mark(function _callee() {\n var file, correspondenceText, cors;\n return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2___default().wrap(function _callee$(_context) {\n while (1) switch (_context.prev = _context.next) {\n case 0:\n _context.next = 2;\n return (0,_dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_4__.fileSelector)(\"\");\n case 2:\n file = _context.sent;\n _context.next = 5;\n return file.text();\n case 5:\n correspondenceText = _context.sent;\n cors = correspondenceText.split(\"\\n\").map(function (line) {\n var items = line.split(\"|\");\n if (items.length != 3) {\n console.warn(\"Invalid Correspondence Line:\", line);\n return null;\n } else {\n var cor = {\n sid: Number(items[0]),\n correspondence: Number(items[1]),\n dirname: items[2]\n };\n return cor;\n }\n }).filter(function (x) {\n return x != null;\n });\n console.log(cors);\n appState.clientSetting.updateClientSetting(_objectSpread(_objectSpread({}, appState.clientSetting.clientSetting), {}, {\n correspondences: cors\n }));\n case 9:\n case \"end\":\n return _context.stop();\n }\n }, _callee);\n }));\n return function onCorrespondenceFileLoadClicked() {\n return _ref.apply(this, arguments);\n };\n }();\n var onCorrespondenceFileClearClicked = function onCorrespondenceFileClearClicked() {\n appState.clientSetting.updateClientSetting(_objectSpread(_objectSpread({}, appState.clientSetting.clientSetting), {}, {\n correspondences: []\n }));\n };\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(\"div\", {\n className: \"body-row split-3-3-4 left-padding-1 guided\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(\"div\", {\n className: \"body-item-title left-padding-2\"\n }, \"Correspondence\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(\"div\", {\n className: \"body-item-text\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(\"div\", null, correspondenceFileText)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(\"div\", {\n className: \"body-button-container\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(\"div\", {\n className: \"body-button\",\n onClick: onCorrespondenceFileLoadClicked\n }, \"select\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(\"div\", {\n className: \"body-button left-margin-1\",\n onClick: onCorrespondenceFileClearClicked\n }, \"clear\")));\n }, [modelSetting.MMVCCorrespondense, appState.clientSetting.clientSetting.correspondences]);\n return CorrespondenceSelectRow;\n};\n\n//# sourceURL=webpack://demo/./src/components/demo/305_CorrespondenceSelectRow.tsx?"); /***/ }), @@ -290,7 +290,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"PyTorchClusterSelectRow\": () => (/* binding */ PyTorchClusterSelectRow)\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ \"./node_modules/@babel/runtime/helpers/esm/defineProperty.js\");\n/* harmony import */ var _babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ \"./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js\");\n/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/regenerator */ \"./node_modules/@babel/runtime/regenerator/index.js\");\n/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @dannadori/voice-changer-client-js */ \"./node_modules/@dannadori/voice-changer-client-js/dist/index.js\");\n/* harmony import */ var _dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../001_provider/001_AppStateProvider */ \"./src/001_provider/001_AppStateProvider.tsx\");\n\n\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\n\n\nvar PyTorchClusterSelectRow = function PyTorchClusterSelectRow() {\n var appState = (0,_001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_5__.useAppState)();\n var modelSetting = appState.appGuiSettingState.appGuiSetting.front.modelSetting;\n var pyTorchSelectRow = (0,react__WEBPACK_IMPORTED_MODULE_3__.useMemo)(function () {\n var _appState$serverSetti, _appState$serverSetti2, _appState$serverSetti3;\n if (!modelSetting.pyTorchClusterEnable) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement((react__WEBPACK_IMPORTED_MODULE_3___default().Fragment), null);\n }\n var clusterModelFilenameText = ((_appState$serverSetti = appState.serverSetting.fileUploadSetting.clusterTorchModel) === null || _appState$serverSetti === void 0 ? void 0 : _appState$serverSetti.filename) || ((_appState$serverSetti2 = appState.serverSetting.fileUploadSetting.clusterTorchModel) === null || _appState$serverSetti2 === void 0 ? void 0 : (_appState$serverSetti3 = _appState$serverSetti2.file) === null || _appState$serverSetti3 === void 0 ? void 0 : _appState$serverSetti3.name) || \"\";\n var onClusterFileLoadClicked = /*#__PURE__*/function () {\n var _ref = (0,_babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_1__[\"default\"])( /*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2___default().mark(function _callee() {\n var file;\n return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2___default().wrap(function _callee$(_context) {\n while (1) switch (_context.prev = _context.next) {\n case 0:\n _context.next = 2;\n return (0,_dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_4__.fileSelector)(\"\");\n case 2:\n file = _context.sent;\n if (!(file.name.endsWith(\".pt\") == false)) {\n _context.next = 6;\n break;\n }\n alert(\"モデルファイルの拡張子はptである必要があります。\");\n return _context.abrupt(\"return\");\n case 6:\n appState.serverSetting.setFileUploadSetting(_objectSpread(_objectSpread({}, appState.serverSetting.fileUploadSetting), {}, {\n clusterTorchModel: {\n file: file\n }\n }));\n case 7:\n case \"end\":\n return _context.stop();\n }\n }, _callee);\n }));\n return function onClusterFileLoadClicked() {\n return _ref.apply(this, arguments);\n };\n }();\n var onClusterFileClearClicked = function onClusterFileClearClicked() {\n appState.serverSetting.setFileUploadSetting(_objectSpread(_objectSpread({}, appState.serverSetting.fileUploadSetting), {}, {\n clusterTorchModel: null\n }));\n };\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(\"div\", {\n className: \"body-row split-3-3-4 left-padding-1 guided\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(\"div\", {\n className: \"body-item-title left-padding-2\"\n }, \"cluster(.pt)\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(\"div\", {\n className: \"body-item-text\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(\"div\", null, clusterModelFilenameText)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(\"div\", {\n className: \"body-button-container\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(\"div\", {\n className: \"body-button\",\n onClick: onClusterFileLoadClicked\n }, \"select\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(\"div\", {\n className: \"body-button left-margin-1\",\n onClick: onClusterFileClearClicked\n }, \"clear\")));\n }, [modelSetting.pyTorchClusterEnable, appState.serverSetting.fileUploadSetting, appState.serverSetting.setFileUploadSetting]);\n return pyTorchSelectRow;\n};\n\n//# sourceURL=webpack://demo/./src/components/demo/306_PyTorchClusterSelectRow.tsx?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"PyTorchClusterSelectRow\": () => (/* binding */ PyTorchClusterSelectRow)\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ \"./node_modules/@babel/runtime/helpers/esm/defineProperty.js\");\n/* harmony import */ var _babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ \"./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js\");\n/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/regenerator */ \"./node_modules/@babel/runtime/regenerator/index.js\");\n/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @dannadori/voice-changer-client-js */ \"./node_modules/@dannadori/voice-changer-client-js/dist/index.js\");\n/* harmony import */ var _dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../001_provider/001_AppStateProvider */ \"./src/001_provider/001_AppStateProvider.tsx\");\n/* harmony import */ var _001_provider_001_AppRootProvider__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../001_provider/001_AppRootProvider */ \"./src/001_provider/001_AppRootProvider.tsx\");\n\n\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\n\n\n\nvar PyTorchClusterSelectRow = function PyTorchClusterSelectRow() {\n var appState = (0,_001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_5__.useAppState)();\n var _useAppRoot = (0,_001_provider_001_AppRootProvider__WEBPACK_IMPORTED_MODULE_6__.useAppRoot)(),\n appGuiSettingState = _useAppRoot.appGuiSettingState;\n var modelSetting = appGuiSettingState.appGuiSetting.front.modelSetting;\n var pyTorchSelectRow = (0,react__WEBPACK_IMPORTED_MODULE_3__.useMemo)(function () {\n var _appState$serverSetti, _appState$serverSetti2, _appState$serverSetti3;\n if (!modelSetting.pyTorchClusterEnable) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement((react__WEBPACK_IMPORTED_MODULE_3___default().Fragment), null);\n }\n var clusterModelFilenameText = ((_appState$serverSetti = appState.serverSetting.fileUploadSetting.clusterTorchModel) === null || _appState$serverSetti === void 0 ? void 0 : _appState$serverSetti.filename) || ((_appState$serverSetti2 = appState.serverSetting.fileUploadSetting.clusterTorchModel) === null || _appState$serverSetti2 === void 0 ? void 0 : (_appState$serverSetti3 = _appState$serverSetti2.file) === null || _appState$serverSetti3 === void 0 ? void 0 : _appState$serverSetti3.name) || \"\";\n var onClusterFileLoadClicked = /*#__PURE__*/function () {\n var _ref = (0,_babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_1__[\"default\"])( /*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2___default().mark(function _callee() {\n var file;\n return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2___default().wrap(function _callee$(_context) {\n while (1) switch (_context.prev = _context.next) {\n case 0:\n _context.next = 2;\n return (0,_dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_4__.fileSelector)(\"\");\n case 2:\n file = _context.sent;\n if (!(file.name.endsWith(\".pt\") == false)) {\n _context.next = 6;\n break;\n }\n alert(\"モデルファイルの拡張子はptである必要があります。\");\n return _context.abrupt(\"return\");\n case 6:\n appState.serverSetting.setFileUploadSetting(_objectSpread(_objectSpread({}, appState.serverSetting.fileUploadSetting), {}, {\n clusterTorchModel: {\n file: file\n }\n }));\n case 7:\n case \"end\":\n return _context.stop();\n }\n }, _callee);\n }));\n return function onClusterFileLoadClicked() {\n return _ref.apply(this, arguments);\n };\n }();\n var onClusterFileClearClicked = function onClusterFileClearClicked() {\n appState.serverSetting.setFileUploadSetting(_objectSpread(_objectSpread({}, appState.serverSetting.fileUploadSetting), {}, {\n clusterTorchModel: null\n }));\n };\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(\"div\", {\n className: \"body-row split-3-3-4 left-padding-1 guided\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(\"div\", {\n className: \"body-item-title left-padding-2\"\n }, \"cluster(.pt)\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(\"div\", {\n className: \"body-item-text\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(\"div\", null, clusterModelFilenameText)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(\"div\", {\n className: \"body-button-container\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(\"div\", {\n className: \"body-button\",\n onClick: onClusterFileLoadClicked\n }, \"select\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(\"div\", {\n className: \"body-button left-margin-1\",\n onClick: onClusterFileClearClicked\n }, \"clear\")));\n }, [modelSetting.pyTorchClusterEnable, appState.serverSetting.fileUploadSetting, appState.serverSetting.setFileUploadSetting]);\n return pyTorchSelectRow;\n};\n\n//# sourceURL=webpack://demo/./src/components/demo/306_PyTorchClusterSelectRow.tsx?"); /***/ }), @@ -367,7 +367,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"AudioOutputRow\": () => (/* binding */ AudioOutputRow)\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ \"./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js\");\n/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/regenerator */ \"./node_modules/@babel/runtime/regenerator/index.js\");\n/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _001_GuiStateProvider__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./001_GuiStateProvider */ \"./src/components/demo/001_GuiStateProvider.tsx\");\n/* harmony import */ var _dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @dannadori/voice-changer-client-js */ \"./node_modules/@dannadori/voice-changer-client-js/dist/index.js\");\n/* harmony import */ var _dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../001_provider/001_AppStateProvider */ \"./src/001_provider/001_AppStateProvider.tsx\");\n/* harmony import */ var _const__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../const */ \"./src/const.ts\");\n\n\n\n\n\n\n\nvar AudioOutputRow = function AudioOutputRow() {\n var guiState = (0,_001_GuiStateProvider__WEBPACK_IMPORTED_MODULE_3__.useGuiState)();\n var appState = (0,_001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_5__.useAppState)();\n var clientType = appState.appGuiSettingState.appGuiSetting.id;\n var _useIndexedDB = (0,_dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_4__.useIndexedDB)({\n clientType: clientType\n }),\n getItem = _useIndexedDB.getItem,\n setItem = _useIndexedDB.setItem;\n (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(function () {\n var loadCache = /*#__PURE__*/function () {\n var _ref = (0,_babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__[\"default\"])( /*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_1___default().mark(function _callee() {\n var key;\n return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_1___default().wrap(function _callee$(_context) {\n while (1) switch (_context.prev = _context.next) {\n case 0:\n _context.next = 2;\n return getItem(_const__WEBPACK_IMPORTED_MODULE_6__.INDEXEDDB_KEY_AUDIO_OUTPUT);\n case 2:\n key = _context.sent;\n if (key) {\n guiState.setAudioOutputForGUI(key);\n }\n case 4:\n case \"end\":\n return _context.stop();\n }\n }, _callee);\n }));\n return function loadCache() {\n return _ref.apply(this, arguments);\n };\n }();\n loadCache();\n }, []);\n (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(function () {\n var setAudioOutput = /*#__PURE__*/function () {\n var _ref2 = (0,_babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__[\"default\"])( /*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_1___default().mark(function _callee2() {\n var mediaDeviceInfos;\n return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_1___default().wrap(function _callee2$(_context2) {\n while (1) switch (_context2.prev = _context2.next) {\n case 0:\n _context2.next = 2;\n return navigator.mediaDevices.enumerateDevices();\n case 2:\n mediaDeviceInfos = _context2.sent;\n [_const__WEBPACK_IMPORTED_MODULE_6__.AUDIO_ELEMENT_FOR_PLAY_RESULT, _const__WEBPACK_IMPORTED_MODULE_6__.AUDIO_ELEMENT_FOR_TEST_ORIGINAL, _const__WEBPACK_IMPORTED_MODULE_6__.AUDIO_ELEMENT_FOR_TEST_CONVERTED_ECHOBACK].forEach(function (x) {\n var audio = document.getElementById(x);\n if (audio) {\n if (guiState.audioOutputForGUI == \"none\") {\n // @ts-ignore\n audio.setSinkId(\"\");\n if (x == _const__WEBPACK_IMPORTED_MODULE_6__.AUDIO_ELEMENT_FOR_TEST_CONVERTED_ECHOBACK) {\n audio.volume = 0;\n } else {\n audio.volume = 0;\n }\n } else {\n var audioOutputs = mediaDeviceInfos.filter(function (x) {\n return x.kind == \"audiooutput\";\n });\n var found = audioOutputs.some(function (x) {\n return x.deviceId == guiState.audioOutputForGUI;\n });\n if (found) {\n // @ts-ignore // 例外キャッチできないので事前にIDチェックが必要らしい。！？\n audio.setSinkId(guiState.audioOutputForGUI);\n } else {\n console.warn(\"No audio output device. use default\");\n }\n if (x == _const__WEBPACK_IMPORTED_MODULE_6__.AUDIO_ELEMENT_FOR_TEST_CONVERTED_ECHOBACK) {\n audio.volume = guiState.fileInputEchoback ? 1 : 0;\n } else {\n audio.volume = 1;\n }\n }\n }\n });\n case 4:\n case \"end\":\n return _context2.stop();\n }\n }, _callee2);\n }));\n return function setAudioOutput() {\n return _ref2.apply(this, arguments);\n };\n }();\n setAudioOutput();\n }, [guiState.audioOutputForGUI, guiState.fileInputEchoback]);\n var audioOutputRow = (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(function () {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"body-row split-3-7 left-padding-1 guided\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"body-item-title left-padding-1\"\n }, \"AudioOutput\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"body-select-container\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"select\", {\n className: \"body-select\",\n value: guiState.audioOutputForGUI,\n onChange: function onChange(e) {\n guiState.setAudioOutputForGUI(e.target.value);\n setItem(_const__WEBPACK_IMPORTED_MODULE_6__.INDEXEDDB_KEY_AUDIO_OUTPUT, e.target.value);\n }\n }, guiState.outputAudioDeviceInfo.map(function (x) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"option\", {\n key: x.deviceId,\n value: x.deviceId\n }, x.label);\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"audio\", {\n hidden: true,\n id: _const__WEBPACK_IMPORTED_MODULE_6__.AUDIO_ELEMENT_FOR_PLAY_RESULT\n })));\n }, [guiState.outputAudioDeviceInfo, guiState.audioOutputForGUI]);\n return audioOutputRow;\n};\n\n//# sourceURL=webpack://demo/./src/components/demo/403_AudioOutputRow.tsx?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"AudioOutputRow\": () => (/* binding */ AudioOutputRow)\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ \"./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js\");\n/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/regenerator */ \"./node_modules/@babel/runtime/regenerator/index.js\");\n/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _001_GuiStateProvider__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./001_GuiStateProvider */ \"./src/components/demo/001_GuiStateProvider.tsx\");\n/* harmony import */ var _dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @dannadori/voice-changer-client-js */ \"./node_modules/@dannadori/voice-changer-client-js/dist/index.js\");\n/* harmony import */ var _dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _const__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../const */ \"./src/const.ts\");\n/* harmony import */ var _001_provider_001_AppRootProvider__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../001_provider/001_AppRootProvider */ \"./src/001_provider/001_AppRootProvider.tsx\");\n\n\n\n\n\n\n\nvar AudioOutputRow = function AudioOutputRow() {\n var guiState = (0,_001_GuiStateProvider__WEBPACK_IMPORTED_MODULE_3__.useGuiState)();\n var _useAppRoot = (0,_001_provider_001_AppRootProvider__WEBPACK_IMPORTED_MODULE_6__.useAppRoot)(),\n appGuiSettingState = _useAppRoot.appGuiSettingState;\n var clientType = appGuiSettingState.appGuiSetting.id;\n var _useIndexedDB = (0,_dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_4__.useIndexedDB)({\n clientType: clientType\n }),\n getItem = _useIndexedDB.getItem,\n setItem = _useIndexedDB.setItem;\n (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(function () {\n var loadCache = /*#__PURE__*/function () {\n var _ref = (0,_babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__[\"default\"])( /*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_1___default().mark(function _callee() {\n var key;\n return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_1___default().wrap(function _callee$(_context) {\n while (1) switch (_context.prev = _context.next) {\n case 0:\n _context.next = 2;\n return getItem(_const__WEBPACK_IMPORTED_MODULE_5__.INDEXEDDB_KEY_AUDIO_OUTPUT);\n case 2:\n key = _context.sent;\n if (key) {\n guiState.setAudioOutputForGUI(key);\n }\n case 4:\n case \"end\":\n return _context.stop();\n }\n }, _callee);\n }));\n return function loadCache() {\n return _ref.apply(this, arguments);\n };\n }();\n loadCache();\n }, []);\n (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(function () {\n var setAudioOutput = /*#__PURE__*/function () {\n var _ref2 = (0,_babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__[\"default\"])( /*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_1___default().mark(function _callee2() {\n var mediaDeviceInfos;\n return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_1___default().wrap(function _callee2$(_context2) {\n while (1) switch (_context2.prev = _context2.next) {\n case 0:\n _context2.next = 2;\n return navigator.mediaDevices.enumerateDevices();\n case 2:\n mediaDeviceInfos = _context2.sent;\n [_const__WEBPACK_IMPORTED_MODULE_5__.AUDIO_ELEMENT_FOR_PLAY_RESULT, _const__WEBPACK_IMPORTED_MODULE_5__.AUDIO_ELEMENT_FOR_TEST_ORIGINAL, _const__WEBPACK_IMPORTED_MODULE_5__.AUDIO_ELEMENT_FOR_TEST_CONVERTED_ECHOBACK].forEach(function (x) {\n var audio = document.getElementById(x);\n if (audio) {\n if (guiState.audioOutputForGUI == \"none\") {\n // @ts-ignore\n audio.setSinkId(\"\");\n if (x == _const__WEBPACK_IMPORTED_MODULE_5__.AUDIO_ELEMENT_FOR_TEST_CONVERTED_ECHOBACK) {\n audio.volume = 0;\n } else {\n audio.volume = 0;\n }\n } else {\n var audioOutputs = mediaDeviceInfos.filter(function (x) {\n return x.kind == \"audiooutput\";\n });\n var found = audioOutputs.some(function (x) {\n return x.deviceId == guiState.audioOutputForGUI;\n });\n if (found) {\n // @ts-ignore // 例外キャッチできないので事前にIDチェックが必要らしい。！？\n audio.setSinkId(guiState.audioOutputForGUI);\n } else {\n console.warn(\"No audio output device. use default\");\n }\n if (x == _const__WEBPACK_IMPORTED_MODULE_5__.AUDIO_ELEMENT_FOR_TEST_CONVERTED_ECHOBACK) {\n audio.volume = guiState.fileInputEchoback ? 1 : 0;\n } else {\n audio.volume = 1;\n }\n }\n }\n });\n case 4:\n case \"end\":\n return _context2.stop();\n }\n }, _callee2);\n }));\n return function setAudioOutput() {\n return _ref2.apply(this, arguments);\n };\n }();\n setAudioOutput();\n }, [guiState.audioOutputForGUI, guiState.fileInputEchoback]);\n var audioOutputRow = (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(function () {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"body-row split-3-7 left-padding-1 guided\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"body-item-title left-padding-1\"\n }, \"AudioOutput\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"body-select-container\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"select\", {\n className: \"body-select\",\n value: guiState.audioOutputForGUI,\n onChange: function onChange(e) {\n guiState.setAudioOutputForGUI(e.target.value);\n setItem(_const__WEBPACK_IMPORTED_MODULE_5__.INDEXEDDB_KEY_AUDIO_OUTPUT, e.target.value);\n }\n }, guiState.outputAudioDeviceInfo.map(function (x) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"option\", {\n key: x.deviceId,\n value: x.deviceId\n }, x.label);\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"audio\", {\n hidden: true,\n id: _const__WEBPACK_IMPORTED_MODULE_5__.AUDIO_ELEMENT_FOR_PLAY_RESULT\n })));\n }, [guiState.outputAudioDeviceInfo, guiState.audioOutputForGUI]);\n return audioOutputRow;\n};\n\n//# sourceURL=webpack://demo/./src/components/demo/403_AudioOutputRow.tsx?"); /***/ }), @@ -422,7 +422,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"F0DetectorRow\": () => (/* binding */ F0DetectorRow)\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ \"./node_modules/@babel/runtime/helpers/esm/defineProperty.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../001_provider/001_AppStateProvider */ \"./src/001_provider/001_AppStateProvider.tsx\");\n/* harmony import */ var _dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @dannadori/voice-changer-client-js */ \"./node_modules/@dannadori/voice-changer-client-js/dist/index.js\");\n/* harmony import */ var _dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_3__);\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\n\n\nvar F0DetectorRow = function F0DetectorRow() {\n var appState = (0,_001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_2__.useAppState)();\n var qualityControlSetting = appState.appGuiSettingState.appGuiSetting.front.qualityControl;\n var f0DetectorRow = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {\n if (!qualityControlSetting.F0DetectorEnable) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null);\n }\n var desc = {\n \"harvest\": \"High Quality\",\n \"dio\": \"Light Weight\"\n };\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-row split-3-7 left-padding-1 guided\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-item-title left-padding-1 \"\n }, \"F0 Detector\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-select-container\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"select\", {\n className: \"body-select\",\n value: appState.serverSetting.serverSetting.f0Detector,\n onChange: function onChange(e) {\n appState.serverSetting.updateServerSettings(_objectSpread(_objectSpread({}, appState.serverSetting.serverSetting), {}, {\n f0Detector: e.target.value\n }));\n }\n }, Object.values(_dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_3__.F0Detector).map(function (x) {\n //@ts-ignore\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"option\", {\n key: x,\n value: x\n }, x, \"(\", desc[x], \")\");\n }))));\n }, [appState.serverSetting.serverSetting.f0Detector, appState.serverSetting.updateServerSettings]);\n return f0DetectorRow;\n};\n\n//# sourceURL=webpack://demo/./src/components/demo/503_F0DetectorRow.tsx?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"F0DetectorRow\": () => (/* binding */ F0DetectorRow)\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ \"./node_modules/@babel/runtime/helpers/esm/defineProperty.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../001_provider/001_AppStateProvider */ \"./src/001_provider/001_AppStateProvider.tsx\");\n/* harmony import */ var _dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @dannadori/voice-changer-client-js */ \"./node_modules/@dannadori/voice-changer-client-js/dist/index.js\");\n/* harmony import */ var _dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _001_provider_001_AppRootProvider__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../001_provider/001_AppRootProvider */ \"./src/001_provider/001_AppRootProvider.tsx\");\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\n\n\n\nvar F0DetectorRow = function F0DetectorRow() {\n var appState = (0,_001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_2__.useAppState)();\n var _useAppRoot = (0,_001_provider_001_AppRootProvider__WEBPACK_IMPORTED_MODULE_4__.useAppRoot)(),\n appGuiSettingState = _useAppRoot.appGuiSettingState;\n var qualityControlSetting = appGuiSettingState.appGuiSetting.front.qualityControl;\n var f0DetectorRow = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {\n if (!qualityControlSetting.F0DetectorEnable) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null);\n }\n var desc = {\n \"harvest\": \"High Quality\",\n \"dio\": \"Light Weight\"\n };\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-row split-3-7 left-padding-1 guided\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-item-title left-padding-1 \"\n }, \"F0 Detector\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-select-container\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"select\", {\n className: \"body-select\",\n value: appState.serverSetting.serverSetting.f0Detector,\n onChange: function onChange(e) {\n appState.serverSetting.updateServerSettings(_objectSpread(_objectSpread({}, appState.serverSetting.serverSetting), {}, {\n f0Detector: e.target.value\n }));\n }\n }, Object.values(_dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_3__.F0Detector).map(function (x) {\n //@ts-ignore\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"option\", {\n key: x,\n value: x\n }, x, \"(\", desc[x], \")\");\n }))));\n }, [appState.serverSetting.serverSetting.f0Detector, appState.serverSetting.updateServerSettings]);\n return f0DetectorRow;\n};\n\n//# sourceURL=webpack://demo/./src/components/demo/503_F0DetectorRow.tsx?"); /***/ }), @@ -477,7 +477,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"SrcIdRow\": () => (/* binding */ SrcIdRow)\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ \"./node_modules/@babel/runtime/helpers/esm/defineProperty.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../001_provider/001_AppStateProvider */ \"./src/001_provider/001_AppStateProvider.tsx\");\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\n\nvar SrcIdRow = function SrcIdRow() {\n var appState = (0,_001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_2__.useAppState)();\n var speakerSetting = appState.appGuiSettingState.appGuiSetting.front.speakerSetting;\n var srcIdRow = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {\n if (!speakerSetting.srcIdEnable) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null);\n }\n if (speakerSetting.showSpeakerF0) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null);\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-row split-3-2-1-4 left-padding-1 guided\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-item-title left-padding-1\"\n }, \"Source Speaker Id\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-select-container\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"select\", {\n className: \"body-select\",\n value: appState.serverSetting.serverSetting.srcId,\n onChange: function onChange(e) {\n appState.serverSetting.updateServerSettings(_objectSpread(_objectSpread({}, appState.serverSetting.serverSetting), {}, {\n srcId: Number(e.target.value)\n }));\n }\n }, appState.clientSetting.clientSetting.speakers.map(function (x) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"option\", {\n key: x.id,\n value: x.id\n }, x.name, \"(\", x.id, \")\");\n }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-item-text\"\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-item-text\"\n }));\n }, [appState.serverSetting.serverSetting, appState.serverSetting.updateServerSettings, appState.clientSetting.clientSetting.speakers]);\n var srcIdRowWithF0 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {\n var _appState$clientSetti, _appState$clientSetti2;\n if (!speakerSetting.srcIdEnable) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null);\n }\n if (!speakerSetting.showSpeakerF0) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null);\n }\n var selected = (_appState$clientSetti = appState.clientSetting.clientSetting.correspondences) === null || _appState$clientSetti === void 0 ? void 0 : _appState$clientSetti.find(function (x) {\n return x.sid == appState.serverSetting.serverSetting.srcId;\n });\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-row split-3-2-1-4 left-padding-1 guided\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-item-title left-padding-1\"\n }, \"Source Speaker Id\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-select-container\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"select\", {\n className: \"body-select\",\n value: appState.serverSetting.serverSetting.srcId,\n onChange: function onChange(e) {\n // const recF0 = calcDefaultF0Factor(Number(e.target.value), appState.serverSetting.serverSetting.dstId)\n // appState.serverSetting.updateServerSettings({ ...appState.serverSetting.serverSetting, srcId: Number(e.target.value), f0Factor: recF0 })\n appState.serverSetting.updateServerSettings(_objectSpread(_objectSpread({}, appState.serverSetting.serverSetting), {}, {\n srcId: Number(e.target.value)\n }));\n }\n }, (_appState$clientSetti2 = appState.clientSetting.clientSetting.correspondences) === null || _appState$clientSetti2 === void 0 ? void 0 : _appState$clientSetti2.map(function (x) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"option\", {\n key: x.sid,\n value: x.sid\n }, x.dirname, \"(\", x.sid, \")\");\n }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-item-text\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", null, \"F0: \", (selected === null || selected === void 0 ? void 0 : selected.correspondence.toFixed(1)) || \"\")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-item-text\"\n }));\n }, [appState.serverSetting.serverSetting, appState.serverSetting.updateServerSettings, appState.clientSetting.clientSetting.correspondences]);\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null, srcIdRow, srcIdRowWithF0);\n};\n\n//# sourceURL=webpack://demo/./src/components/demo/601_SrcIdRow.tsx?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"SrcIdRow\": () => (/* binding */ SrcIdRow)\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ \"./node_modules/@babel/runtime/helpers/esm/defineProperty.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _001_provider_001_AppRootProvider__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../001_provider/001_AppRootProvider */ \"./src/001_provider/001_AppRootProvider.tsx\");\n/* harmony import */ var _001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../001_provider/001_AppStateProvider */ \"./src/001_provider/001_AppStateProvider.tsx\");\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\n\n\nvar SrcIdRow = function SrcIdRow() {\n var appState = (0,_001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_3__.useAppState)();\n var _useAppRoot = (0,_001_provider_001_AppRootProvider__WEBPACK_IMPORTED_MODULE_2__.useAppRoot)(),\n appGuiSettingState = _useAppRoot.appGuiSettingState;\n var speakerSetting = appGuiSettingState.appGuiSetting.front.speakerSetting;\n var srcIdRow = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {\n if (!speakerSetting.srcIdEnable) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null);\n }\n if (speakerSetting.showSpeakerF0) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null);\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-row split-3-2-1-4 left-padding-1 guided\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-item-title left-padding-1\"\n }, \"Source Speaker Id\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-select-container\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"select\", {\n className: \"body-select\",\n value: appState.serverSetting.serverSetting.srcId,\n onChange: function onChange(e) {\n appState.serverSetting.updateServerSettings(_objectSpread(_objectSpread({}, appState.serverSetting.serverSetting), {}, {\n srcId: Number(e.target.value)\n }));\n }\n }, appState.clientSetting.clientSetting.speakers.map(function (x) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"option\", {\n key: x.id,\n value: x.id\n }, x.name, \"(\", x.id, \")\");\n }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-item-text\"\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-item-text\"\n }));\n }, [appState.serverSetting.serverSetting, appState.serverSetting.updateServerSettings, appState.clientSetting.clientSetting.speakers]);\n var srcIdRowWithF0 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {\n var _appState$clientSetti, _appState$clientSetti2;\n if (!speakerSetting.srcIdEnable) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null);\n }\n if (!speakerSetting.showSpeakerF0) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null);\n }\n var selected = (_appState$clientSetti = appState.clientSetting.clientSetting.correspondences) === null || _appState$clientSetti === void 0 ? void 0 : _appState$clientSetti.find(function (x) {\n return x.sid == appState.serverSetting.serverSetting.srcId;\n });\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-row split-3-2-1-4 left-padding-1 guided\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-item-title left-padding-1\"\n }, \"Source Speaker Id\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-select-container\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"select\", {\n className: \"body-select\",\n value: appState.serverSetting.serverSetting.srcId,\n onChange: function onChange(e) {\n // const recF0 = calcDefaultF0Factor(Number(e.target.value), appState.serverSetting.serverSetting.dstId)\n // appState.serverSetting.updateServerSettings({ ...appState.serverSetting.serverSetting, srcId: Number(e.target.value), f0Factor: recF0 })\n appState.serverSetting.updateServerSettings(_objectSpread(_objectSpread({}, appState.serverSetting.serverSetting), {}, {\n srcId: Number(e.target.value)\n }));\n }\n }, (_appState$clientSetti2 = appState.clientSetting.clientSetting.correspondences) === null || _appState$clientSetti2 === void 0 ? void 0 : _appState$clientSetti2.map(function (x) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"option\", {\n key: x.sid,\n value: x.sid\n }, x.dirname, \"(\", x.sid, \")\");\n }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-item-text\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", null, \"F0: \", (selected === null || selected === void 0 ? void 0 : selected.correspondence.toFixed(1)) || \"\")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-item-text\"\n }));\n }, [appState.serverSetting.serverSetting, appState.serverSetting.updateServerSettings, appState.clientSetting.clientSetting.correspondences]);\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null, srcIdRow, srcIdRowWithF0);\n};\n\n//# sourceURL=webpack://demo/./src/components/demo/601_SrcIdRow.tsx?"); /***/ }), @@ -488,7 +488,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"DstIdRow\": () => (/* binding */ DstIdRow)\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ \"./node_modules/@babel/runtime/helpers/esm/defineProperty.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../001_provider/001_AppStateProvider */ \"./src/001_provider/001_AppStateProvider.tsx\");\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\n\nvar DstIdRow = function DstIdRow() {\n var appState = (0,_001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_2__.useAppState)();\n var speakerSetting = appState.appGuiSettingState.appGuiSetting.front.speakerSetting;\n var dstIdRow = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {\n var _appState$clientSetti;\n if (speakerSetting.showSpeakerF0) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null);\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-row split-3-2-1-4 left-padding-1 guided\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-item-title left-padding-1\"\n }, \"Destination Speaker Id\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-select-container\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"select\", {\n className: \"body-select\",\n value: appState.serverSetting.serverSetting.dstId,\n onChange: function onChange(e) {\n appState.serverSetting.updateServerSettings(_objectSpread(_objectSpread({}, appState.serverSetting.serverSetting), {}, {\n dstId: Number(e.target.value)\n }));\n }\n }, (_appState$clientSetti = appState.clientSetting.clientSetting.speakers) === null || _appState$clientSetti === void 0 ? void 0 : _appState$clientSetti.map(function (x) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"option\", {\n key: x.id,\n value: x.id\n }, x.name, \"(\", x.id, \")\");\n }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-item-text\"\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-item-text\"\n }));\n }, [appState.serverSetting.serverSetting, appState.clientSetting.clientSetting.speakers, appState.serverSetting.updateServerSettings]);\n var dstIdRowWithF0 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {\n var _appState$clientSetti2, _appState$clientSetti3;\n if (!speakerSetting.showSpeakerF0) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null);\n }\n var selected = (_appState$clientSetti2 = appState.clientSetting.clientSetting.correspondences) === null || _appState$clientSetti2 === void 0 ? void 0 : _appState$clientSetti2.find(function (x) {\n return x.sid == appState.serverSetting.serverSetting.dstId;\n });\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-row split-3-2-1-4 left-padding-1 guided\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-item-title left-padding-1\"\n }, \"Destination Speaker Id\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-select-container\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"select\", {\n className: \"body-select\",\n value: appState.serverSetting.serverSetting.dstId,\n onChange: function onChange(e) {\n // const recF0 = calcDefaultF0Factor(appState.serverSetting.serverSetting.srcId, Number(e.target.value))\n // appState.serverSetting.updateServerSettings({ ...appState.serverSetting.serverSetting, dstId: Number(e.target.value), f0Factor: recF0 })\n appState.serverSetting.updateServerSettings(_objectSpread(_objectSpread({}, appState.serverSetting.serverSetting), {}, {\n dstId: Number(e.target.value)\n }));\n }\n }, (_appState$clientSetti3 = appState.clientSetting.clientSetting.correspondences) === null || _appState$clientSetti3 === void 0 ? void 0 : _appState$clientSetti3.map(function (x) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"option\", {\n key: x.sid,\n value: x.sid\n }, x.dirname, \"(\", x.sid, \")\");\n }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-item-text\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", null, \"F0: \", (selected === null || selected === void 0 ? void 0 : selected.correspondence.toFixed(1)) || \"\")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-item-text\"\n }));\n }, [appState.serverSetting.serverSetting, appState.serverSetting.updateServerSettings, appState.clientSetting.clientSetting.correspondences]);\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null, dstIdRow, dstIdRowWithF0);\n};\n\n//# sourceURL=webpack://demo/./src/components/demo/602_DstIdRow.tsx?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"DstIdRow\": () => (/* binding */ DstIdRow)\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ \"./node_modules/@babel/runtime/helpers/esm/defineProperty.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _001_provider_001_AppRootProvider__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../001_provider/001_AppRootProvider */ \"./src/001_provider/001_AppRootProvider.tsx\");\n/* harmony import */ var _001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../001_provider/001_AppStateProvider */ \"./src/001_provider/001_AppStateProvider.tsx\");\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\n\n\nvar DstIdRow = function DstIdRow() {\n var appState = (0,_001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_3__.useAppState)();\n var _useAppRoot = (0,_001_provider_001_AppRootProvider__WEBPACK_IMPORTED_MODULE_2__.useAppRoot)(),\n appGuiSettingState = _useAppRoot.appGuiSettingState;\n var clientId = appGuiSettingState.appGuiSetting.id;\n var dstIdRow = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {\n var _appState$clientSetti;\n if (clientId != \"MMVCv13\") {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null);\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-row split-3-2-1-4 left-padding-1 guided\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-item-title left-padding-1\"\n }, \"Destination Speaker Id\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-select-container\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"select\", {\n className: \"body-select\",\n value: appState.serverSetting.serverSetting.dstId,\n onChange: function onChange(e) {\n appState.serverSetting.updateServerSettings(_objectSpread(_objectSpread({}, appState.serverSetting.serverSetting), {}, {\n dstId: Number(e.target.value)\n }));\n }\n }, (_appState$clientSetti = appState.clientSetting.clientSetting.speakers) === null || _appState$clientSetti === void 0 ? void 0 : _appState$clientSetti.map(function (x) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"option\", {\n key: x.id,\n value: x.id\n }, x.name, \"(\", x.id, \")\");\n }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-item-text\"\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-item-text\"\n }));\n }, [appState.serverSetting.serverSetting, appState.clientSetting.clientSetting.speakers, appState.serverSetting.updateServerSettings]);\n var dstIdRowWithF0 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {\n var _appState$clientSetti2, _appState$clientSetti3;\n if (clientId != \"MMVCv15\") {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null);\n }\n var selected = (_appState$clientSetti2 = appState.clientSetting.clientSetting.correspondences) === null || _appState$clientSetti2 === void 0 ? void 0 : _appState$clientSetti2.find(function (x) {\n return x.sid == appState.serverSetting.serverSetting.dstId;\n });\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-row split-3-2-1-4 left-padding-1 guided\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-item-title left-padding-1\"\n }, \"Destination Speaker Id\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-select-container\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"select\", {\n className: \"body-select\",\n value: appState.serverSetting.serverSetting.dstId,\n onChange: function onChange(e) {\n // const recF0 = calcDefaultF0Factor(appState.serverSetting.serverSetting.srcId, Number(e.target.value))\n // appState.serverSetting.updateServerSettings({ ...appState.serverSetting.serverSetting, dstId: Number(e.target.value), f0Factor: recF0 })\n appState.serverSetting.updateServerSettings(_objectSpread(_objectSpread({}, appState.serverSetting.serverSetting), {}, {\n dstId: Number(e.target.value)\n }));\n }\n }, (_appState$clientSetti3 = appState.clientSetting.clientSetting.correspondences) === null || _appState$clientSetti3 === void 0 ? void 0 : _appState$clientSetti3.map(function (x) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"option\", {\n key: x.sid,\n value: x.sid\n }, x.dirname, \"(\", x.sid, \")\");\n }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-item-text\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", null, \"F0: \", (selected === null || selected === void 0 ? void 0 : selected.correspondence.toFixed(1)) || \"\")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-item-text\"\n }));\n }, [appState.serverSetting.serverSetting, appState.serverSetting.updateServerSettings, appState.clientSetting.clientSetting.correspondences]);\n var dstIdRowFromServer = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {\n var settings = appState.serverSetting.serverSetting;\n var speakers = settings.speakers;\n if (!speakers) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null);\n }\n var currentValue = Object.values(speakers).includes(appState.serverSetting.serverSetting.dstId) ? appState.serverSetting.serverSetting.dstId : -1;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-row split-3-2-1-4 left-padding-1 guided\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-item-title left-padding-1\"\n }, \"Destination Speaker Id\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-select-container\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"select\", {\n className: \"body-select\",\n value: currentValue,\n onChange: function onChange(e) {\n appState.serverSetting.updateServerSettings(_objectSpread(_objectSpread({}, appState.serverSetting.serverSetting), {}, {\n dstId: Number(e.target.value)\n }));\n }\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"option\", {\n key: \"unknown\",\n value: 0\n }, \"default(0)\"), Object.keys(speakers).map(function (x) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"option\", {\n key: x,\n value: speakers[x]\n }, x, \"(\", speakers[x], \")\");\n }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-item-text\"\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-item-text\"\n }));\n }, [appState.serverSetting.serverSetting, appState.serverSetting.updateServerSettings, appState.clientSetting.clientSetting.correspondences]);\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null, dstIdRow, dstIdRowWithF0, dstIdRowFromServer);\n};\n\n//# sourceURL=webpack://demo/./src/components/demo/602_DstIdRow.tsx?"); /***/ }), @@ -499,7 +499,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"EditSpeakerIdMappingRow\": () => (/* binding */ EditSpeakerIdMappingRow)\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/toConsumableArray */ \"./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js\");\n/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ \"./node_modules/@babel/runtime/helpers/esm/defineProperty.js\");\n/* harmony import */ var _babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ \"./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js\");\n/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ \"./node_modules/@babel/runtime/helpers/esm/slicedToArray.js\");\n/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @babel/runtime/regenerator */ \"./node_modules/@babel/runtime/regenerator/index.js\");\n/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var _001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../001_provider/001_AppStateProvider */ \"./src/001_provider/001_AppStateProvider.tsx\");\n\n\n\n\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\n\nvar EditSpeakerIdMappingRow = function EditSpeakerIdMappingRow() {\n var appState = (0,_001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_6__.useAppState)();\n var speakerSetting = appState.appGuiSettingState.appGuiSetting.front.speakerSetting;\n var _useState = (0,react__WEBPACK_IMPORTED_MODULE_5__.useState)(0),\n _useState2 = (0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(_useState, 2),\n editSpeakerTargetId = _useState2[0],\n setEditSpeakerTargetId = _useState2[1];\n var _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_5__.useState)(\"\"),\n _useState4 = (0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(_useState3, 2),\n editSpeakerTargetName = _useState4[0],\n setEditSpeakerTargetName = _useState4[1];\n var editSpeakerIdMappingRow = (0,react__WEBPACK_IMPORTED_MODULE_5__.useMemo)(function () {\n if (!speakerSetting.editSpeakerIdMappingEnable) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default().createElement((react__WEBPACK_IMPORTED_MODULE_5___default().Fragment), null);\n }\n var onSetSpeakerMappingClicked = /*#__PURE__*/function () {\n var _ref = (0,_babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_2__[\"default\"])( /*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_4___default().mark(function _callee() {\n var targetId, targetName, targetSpeaker, newSpeakers;\n return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_4___default().wrap(function _callee$(_context) {\n while (1) switch (_context.prev = _context.next) {\n case 0:\n targetId = editSpeakerTargetId;\n targetName = editSpeakerTargetName;\n targetSpeaker = appState.clientSetting.clientSetting.speakers.find(function (x) {\n return x.id == targetId;\n });\n if (targetSpeaker) {\n if (targetName.length == 0) {\n // Delete\n newSpeakers = appState.clientSetting.clientSetting.speakers.filter(function (x) {\n return x.id != targetId;\n });\n appState.clientSetting.updateClientSetting(_objectSpread(_objectSpread({}, appState.clientSetting.clientSetting), {}, {\n speakers: newSpeakers\n }));\n } else {\n // Update\n targetSpeaker.name = targetName;\n appState.clientSetting.updateClientSetting(_objectSpread(_objectSpread({}, appState.clientSetting.clientSetting), {}, {\n speakers: (0,_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(appState.clientSetting.clientSetting.speakers)\n }));\n }\n } else {\n if (targetName.length == 0) {// Noop\n } else {\n // add\n appState.clientSetting.clientSetting.speakers.push({\n id: targetId,\n name: targetName\n });\n appState.clientSetting.updateClientSetting(_objectSpread(_objectSpread({}, appState.clientSetting.clientSetting), {}, {\n speakers: (0,_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(appState.clientSetting.clientSetting.speakers)\n }));\n }\n }\n case 4:\n case \"end\":\n return _context.stop();\n }\n }, _callee);\n }));\n return function onSetSpeakerMappingClicked() {\n return _ref.apply(this, arguments);\n };\n }();\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default().createElement(\"div\", {\n className: \"body-row split-3-1-2-4 left-padding-1 guided\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default().createElement(\"div\", {\n className: \"body-item-title left-padding-1\"\n }, \"Edit Speaker Mapping\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default().createElement(\"div\", {\n className: \"body-input-container\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default().createElement(\"input\", {\n type: \"number\",\n min: 1,\n max: 256,\n step: 1,\n value: editSpeakerTargetId,\n onChange: function onChange(e) {\n var _appState$clientSetti;\n var id = Number(e.target.value);\n setEditSpeakerTargetId(id);\n setEditSpeakerTargetName(((_appState$clientSetti = appState.clientSetting.clientSetting.speakers.find(function (x) {\n return x.id == id;\n })) === null || _appState$clientSetti === void 0 ? void 0 : _appState$clientSetti.name) || \"\");\n }\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default().createElement(\"div\", {\n className: \"body-input-container\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default().createElement(\"input\", {\n type: \"text\",\n value: editSpeakerTargetName,\n onChange: function onChange(e) {\n setEditSpeakerTargetName(e.target.value);\n }\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default().createElement(\"div\", {\n className: \"body-button-container\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default().createElement(\"div\", {\n className: \"body-button\",\n onClick: onSetSpeakerMappingClicked\n }, \"set\")));\n }, [appState.clientSetting.clientSetting.speakers, editSpeakerTargetId, editSpeakerTargetName]);\n return editSpeakerIdMappingRow;\n};\n\n//# sourceURL=webpack://demo/./src/components/demo/603_EditSpeakerIdMappingRow.tsx?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"EditSpeakerIdMappingRow\": () => (/* binding */ EditSpeakerIdMappingRow)\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/toConsumableArray */ \"./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js\");\n/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ \"./node_modules/@babel/runtime/helpers/esm/defineProperty.js\");\n/* harmony import */ var _babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ \"./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js\");\n/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ \"./node_modules/@babel/runtime/helpers/esm/slicedToArray.js\");\n/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @babel/runtime/regenerator */ \"./node_modules/@babel/runtime/regenerator/index.js\");\n/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var _001_provider_001_AppRootProvider__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../001_provider/001_AppRootProvider */ \"./src/001_provider/001_AppRootProvider.tsx\");\n/* harmony import */ var _001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../001_provider/001_AppStateProvider */ \"./src/001_provider/001_AppStateProvider.tsx\");\n\n\n\n\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\n\n\nvar EditSpeakerIdMappingRow = function EditSpeakerIdMappingRow() {\n var appState = (0,_001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_7__.useAppState)();\n var _useAppRoot = (0,_001_provider_001_AppRootProvider__WEBPACK_IMPORTED_MODULE_6__.useAppRoot)(),\n appGuiSettingState = _useAppRoot.appGuiSettingState;\n var speakerSetting = appGuiSettingState.appGuiSetting.front.speakerSetting;\n var _useState = (0,react__WEBPACK_IMPORTED_MODULE_5__.useState)(0),\n _useState2 = (0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(_useState, 2),\n editSpeakerTargetId = _useState2[0],\n setEditSpeakerTargetId = _useState2[1];\n var _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_5__.useState)(\"\"),\n _useState4 = (0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(_useState3, 2),\n editSpeakerTargetName = _useState4[0],\n setEditSpeakerTargetName = _useState4[1];\n var editSpeakerIdMappingRow = (0,react__WEBPACK_IMPORTED_MODULE_5__.useMemo)(function () {\n if (!speakerSetting.editSpeakerIdMappingEnable) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default().createElement((react__WEBPACK_IMPORTED_MODULE_5___default().Fragment), null);\n }\n var onSetSpeakerMappingClicked = /*#__PURE__*/function () {\n var _ref = (0,_babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_2__[\"default\"])( /*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_4___default().mark(function _callee() {\n var targetId, targetName, targetSpeaker, newSpeakers;\n return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_4___default().wrap(function _callee$(_context) {\n while (1) switch (_context.prev = _context.next) {\n case 0:\n targetId = editSpeakerTargetId;\n targetName = editSpeakerTargetName;\n targetSpeaker = appState.clientSetting.clientSetting.speakers.find(function (x) {\n return x.id == targetId;\n });\n if (targetSpeaker) {\n if (targetName.length == 0) {\n // Delete\n newSpeakers = appState.clientSetting.clientSetting.speakers.filter(function (x) {\n return x.id != targetId;\n });\n appState.clientSetting.updateClientSetting(_objectSpread(_objectSpread({}, appState.clientSetting.clientSetting), {}, {\n speakers: newSpeakers\n }));\n } else {\n // Update\n targetSpeaker.name = targetName;\n appState.clientSetting.updateClientSetting(_objectSpread(_objectSpread({}, appState.clientSetting.clientSetting), {}, {\n speakers: (0,_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(appState.clientSetting.clientSetting.speakers)\n }));\n }\n } else {\n if (targetName.length == 0) {// Noop\n } else {\n // add\n appState.clientSetting.clientSetting.speakers.push({\n id: targetId,\n name: targetName\n });\n appState.clientSetting.updateClientSetting(_objectSpread(_objectSpread({}, appState.clientSetting.clientSetting), {}, {\n speakers: (0,_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(appState.clientSetting.clientSetting.speakers)\n }));\n }\n }\n case 4:\n case \"end\":\n return _context.stop();\n }\n }, _callee);\n }));\n return function onSetSpeakerMappingClicked() {\n return _ref.apply(this, arguments);\n };\n }();\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default().createElement(\"div\", {\n className: \"body-row split-3-1-2-4 left-padding-1 guided\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default().createElement(\"div\", {\n className: \"body-item-title left-padding-1\"\n }, \"Edit Speaker Mapping\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default().createElement(\"div\", {\n className: \"body-input-container\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default().createElement(\"input\", {\n type: \"number\",\n min: 1,\n max: 256,\n step: 1,\n value: editSpeakerTargetId,\n onChange: function onChange(e) {\n var _appState$clientSetti;\n var id = Number(e.target.value);\n setEditSpeakerTargetId(id);\n setEditSpeakerTargetName(((_appState$clientSetti = appState.clientSetting.clientSetting.speakers.find(function (x) {\n return x.id == id;\n })) === null || _appState$clientSetti === void 0 ? void 0 : _appState$clientSetti.name) || \"\");\n }\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default().createElement(\"div\", {\n className: \"body-input-container\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default().createElement(\"input\", {\n type: \"text\",\n value: editSpeakerTargetName,\n onChange: function onChange(e) {\n setEditSpeakerTargetName(e.target.value);\n }\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default().createElement(\"div\", {\n className: \"body-button-container\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default().createElement(\"div\", {\n className: \"body-button\",\n onClick: onSetSpeakerMappingClicked\n }, \"set\")));\n }, [appState.clientSetting.clientSetting.speakers, editSpeakerTargetId, editSpeakerTargetName]);\n return editSpeakerIdMappingRow;\n};\n\n//# sourceURL=webpack://demo/./src/components/demo/603_EditSpeakerIdMappingRow.tsx?"); /***/ }), @@ -510,7 +510,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"F0FactorRow\": () => (/* binding */ F0FactorRow)\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ \"./node_modules/@babel/runtime/helpers/esm/defineProperty.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../001_provider/001_AppStateProvider */ \"./src/001_provider/001_AppStateProvider.tsx\");\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\n\nvar F0FactorRow = function F0FactorRow() {\n var appState = (0,_001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_2__.useAppState)();\n var speakerSetting = appState.appGuiSettingState.appGuiSetting.front.speakerSetting;\n var f0FactorRow = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {\n var _appState$clientSetti, _appState$clientSetti2, _appState$serverSetti;\n if (!speakerSetting.f0FactorEnable) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null);\n }\n var src = (_appState$clientSetti = appState.clientSetting.clientSetting.correspondences) === null || _appState$clientSetti === void 0 ? void 0 : _appState$clientSetti.find(function (x) {\n return x.sid == appState.serverSetting.serverSetting.srcId;\n });\n var dst = (_appState$clientSetti2 = appState.clientSetting.clientSetting.correspondences) === null || _appState$clientSetti2 === void 0 ? void 0 : _appState$clientSetti2.find(function (x) {\n return x.sid == appState.serverSetting.serverSetting.dstId;\n });\n var recommendedF0Factor = dst && src ? dst.correspondence / src.correspondence : 0;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-row split-3-2-1-4 left-padding-1 guided\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-item-title left-padding-1\"\n }, \"F0 Factor\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-input-container\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"input\", {\n type: \"range\",\n className: \"body-item-input-slider\",\n min: \"0.1\",\n max: \"5.0\",\n step: \"0.1\",\n value: appState.serverSetting.serverSetting.f0Factor || 0,\n onChange: function onChange(e) {\n appState.serverSetting.updateServerSettings(_objectSpread(_objectSpread({}, appState.serverSetting.serverSetting), {}, {\n f0Factor: Number(e.target.value)\n }));\n }\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"span\", {\n className: \"body-item-input-slider-val\"\n }, ((_appState$serverSetti = appState.serverSetting.serverSetting.f0Factor) === null || _appState$serverSetti === void 0 ? void 0 : _appState$serverSetti.toFixed(1)) || 0)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-item-text\"\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-item-text\"\n }, \"recommend: \", recommendedF0Factor.toFixed(1)));\n }, [appState.serverSetting.serverSetting.f0Factor, appState.serverSetting.serverSetting.srcId, appState.serverSetting.serverSetting.dstId, appState.clientSetting.clientSetting.correspondences, appState.serverSetting.updateServerSettings]);\n return f0FactorRow;\n};\n\n//# sourceURL=webpack://demo/./src/components/demo/604_F0FactorRow.tsx?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"F0FactorRow\": () => (/* binding */ F0FactorRow)\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ \"./node_modules/@babel/runtime/helpers/esm/defineProperty.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _001_provider_001_AppRootProvider__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../001_provider/001_AppRootProvider */ \"./src/001_provider/001_AppRootProvider.tsx\");\n/* harmony import */ var _001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../001_provider/001_AppStateProvider */ \"./src/001_provider/001_AppStateProvider.tsx\");\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\n\n\nvar F0FactorRow = function F0FactorRow() {\n var appState = (0,_001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_3__.useAppState)();\n var _useAppRoot = (0,_001_provider_001_AppRootProvider__WEBPACK_IMPORTED_MODULE_2__.useAppRoot)(),\n appGuiSettingState = _useAppRoot.appGuiSettingState;\n var speakerSetting = appGuiSettingState.appGuiSetting.front.speakerSetting;\n var f0FactorRow = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {\n var _appState$clientSetti, _appState$clientSetti2, _appState$serverSetti;\n if (!speakerSetting.f0FactorEnable) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null);\n }\n var src = (_appState$clientSetti = appState.clientSetting.clientSetting.correspondences) === null || _appState$clientSetti === void 0 ? void 0 : _appState$clientSetti.find(function (x) {\n return x.sid == appState.serverSetting.serverSetting.srcId;\n });\n var dst = (_appState$clientSetti2 = appState.clientSetting.clientSetting.correspondences) === null || _appState$clientSetti2 === void 0 ? void 0 : _appState$clientSetti2.find(function (x) {\n return x.sid == appState.serverSetting.serverSetting.dstId;\n });\n var recommendedF0Factor = dst && src ? dst.correspondence / src.correspondence : 0;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-row split-3-2-1-4 left-padding-1 guided\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-item-title left-padding-1\"\n }, \"F0 Factor\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-input-container\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"input\", {\n type: \"range\",\n className: \"body-item-input-slider\",\n min: \"0.1\",\n max: \"5.0\",\n step: \"0.1\",\n value: appState.serverSetting.serverSetting.f0Factor || 0,\n onChange: function onChange(e) {\n appState.serverSetting.updateServerSettings(_objectSpread(_objectSpread({}, appState.serverSetting.serverSetting), {}, {\n f0Factor: Number(e.target.value)\n }));\n }\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"span\", {\n className: \"body-item-input-slider-val\"\n }, ((_appState$serverSetti = appState.serverSetting.serverSetting.f0Factor) === null || _appState$serverSetti === void 0 ? void 0 : _appState$serverSetti.toFixed(1)) || 0)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-item-text\"\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-item-text\"\n }, \"recommend: \", recommendedF0Factor.toFixed(1)));\n }, [appState.serverSetting.serverSetting.f0Factor, appState.serverSetting.serverSetting.srcId, appState.serverSetting.serverSetting.dstId, appState.clientSetting.clientSetting.correspondences, appState.serverSetting.updateServerSettings]);\n return f0FactorRow;\n};\n\n//# sourceURL=webpack://demo/./src/components/demo/604_F0FactorRow.tsx?"); /***/ }), @@ -521,7 +521,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"TuneRow\": () => (/* binding */ TuneRow)\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ \"./node_modules/@babel/runtime/helpers/esm/defineProperty.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../001_provider/001_AppStateProvider */ \"./src/001_provider/001_AppStateProvider.tsx\");\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\n\nvar TuneRow = function TuneRow() {\n var appState = (0,_001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_2__.useAppState)();\n var speakerSetting = appState.appGuiSettingState.appGuiSetting.front.speakerSetting;\n var tuneRow = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {\n if (!speakerSetting.tuningEnable) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null);\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-row split-3-2-2-3 left-padding-1 guided\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-item-title left-padding-1 \"\n }, \"Tuning\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"input\", {\n type: \"range\",\n className: \"body-item-input-slider\",\n min: \"-50\",\n max: \"50\",\n step: \"1\",\n value: appState.serverSetting.serverSetting.tran,\n onChange: function onChange(e) {\n appState.serverSetting.updateServerSettings(_objectSpread(_objectSpread({}, appState.serverSetting.serverSetting), {}, {\n tran: Number(e.target.value)\n }));\n }\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"span\", {\n className: \"body-item-input-slider-val\"\n }, appState.serverSetting.serverSetting.tran)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"input\", {\n type: \"checkbox\",\n checked: appState.serverSetting.serverSetting.predictF0 == 1,\n onChange: function onChange(e) {\n appState.serverSetting.updateServerSettings(_objectSpread(_objectSpread({}, appState.serverSetting.serverSetting), {}, {\n predictF0: e.target.checked ? 1 : 0\n }));\n }\n }), \" predict f0\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-button-container\"\n }));\n }, [appState.serverSetting.serverSetting, appState.serverSetting.updateServerSettings]);\n return tuneRow;\n};\n\n//# sourceURL=webpack://demo/./src/components/demo/605_TuneRow.tsx?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"TuneRow\": () => (/* binding */ TuneRow)\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ \"./node_modules/@babel/runtime/helpers/esm/defineProperty.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _001_provider_001_AppRootProvider__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../001_provider/001_AppRootProvider */ \"./src/001_provider/001_AppRootProvider.tsx\");\n/* harmony import */ var _001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../001_provider/001_AppStateProvider */ \"./src/001_provider/001_AppStateProvider.tsx\");\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\n\n\nvar TuneRow = function TuneRow() {\n var appState = (0,_001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_3__.useAppState)();\n var _useAppRoot = (0,_001_provider_001_AppRootProvider__WEBPACK_IMPORTED_MODULE_2__.useAppRoot)(),\n appGuiSettingState = _useAppRoot.appGuiSettingState;\n var speakerSetting = appGuiSettingState.appGuiSetting.front.speakerSetting;\n var tuneRow = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {\n if (!speakerSetting.tuningEnable) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null);\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-row split-3-2-2-3 left-padding-1 guided\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-item-title left-padding-1 \"\n }, \"Tuning\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"input\", {\n type: \"range\",\n className: \"body-item-input-slider\",\n min: \"-50\",\n max: \"50\",\n step: \"1\",\n value: appState.serverSetting.serverSetting.tran,\n onChange: function onChange(e) {\n appState.serverSetting.updateServerSettings(_objectSpread(_objectSpread({}, appState.serverSetting.serverSetting), {}, {\n tran: Number(e.target.value)\n }));\n }\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"span\", {\n className: \"body-item-input-slider-val\"\n }, appState.serverSetting.serverSetting.tran)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"input\", {\n type: \"checkbox\",\n checked: appState.serverSetting.serverSetting.predictF0 == 1,\n onChange: function onChange(e) {\n appState.serverSetting.updateServerSettings(_objectSpread(_objectSpread({}, appState.serverSetting.serverSetting), {}, {\n predictF0: e.target.checked ? 1 : 0\n }));\n }\n }), \" predict f0\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-button-container\"\n }));\n }, [appState.serverSetting.serverSetting, appState.serverSetting.updateServerSettings]);\n return tuneRow;\n};\n\n//# sourceURL=webpack://demo/./src/components/demo/605_TuneRow.tsx?"); /***/ }), @@ -532,7 +532,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"ClusterInferRatioRow\": () => (/* binding */ ClusterInferRatioRow)\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ \"./node_modules/@babel/runtime/helpers/esm/defineProperty.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../001_provider/001_AppStateProvider */ \"./src/001_provider/001_AppStateProvider.tsx\");\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\n\nvar ClusterInferRatioRow = function ClusterInferRatioRow() {\n var appState = (0,_001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_2__.useAppState)();\n var speakerSetting = appState.appGuiSettingState.appGuiSetting.front.speakerSetting;\n var clusterRatioRow = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {\n if (!speakerSetting.clusterInferRationEnable) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null);\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-row split-3-3-4 left-padding-1 guided\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-item-title left-padding-1 \"\n }, \"Cluster infer ratio\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"input\", {\n type: \"range\",\n className: \"body-item-input-slider\",\n min: \"0\",\n max: \"1\",\n step: \"0.1\",\n value: appState.serverSetting.serverSetting.clusterInferRatio,\n onChange: function onChange(e) {\n appState.serverSetting.updateServerSettings(_objectSpread(_objectSpread({}, appState.serverSetting.serverSetting), {}, {\n clusterInferRatio: Number(e.target.value)\n }));\n }\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"span\", {\n className: \"body-item-input-slider-val\"\n }, appState.serverSetting.serverSetting.clusterInferRatio)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-button-container\"\n }));\n }, [appState.serverSetting.serverSetting, appState.serverSetting.updateServerSettings]);\n return clusterRatioRow;\n};\n\n//# sourceURL=webpack://demo/./src/components/demo/606_ClusterInferRatioRow.tsx?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"ClusterInferRatioRow\": () => (/* binding */ ClusterInferRatioRow)\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ \"./node_modules/@babel/runtime/helpers/esm/defineProperty.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _001_provider_001_AppRootProvider__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../001_provider/001_AppRootProvider */ \"./src/001_provider/001_AppRootProvider.tsx\");\n/* harmony import */ var _001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../001_provider/001_AppStateProvider */ \"./src/001_provider/001_AppStateProvider.tsx\");\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\n\n\nvar ClusterInferRatioRow = function ClusterInferRatioRow() {\n var appState = (0,_001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_3__.useAppState)();\n var _useAppRoot = (0,_001_provider_001_AppRootProvider__WEBPACK_IMPORTED_MODULE_2__.useAppRoot)(),\n appGuiSettingState = _useAppRoot.appGuiSettingState;\n var speakerSetting = appGuiSettingState.appGuiSetting.front.speakerSetting;\n var clusterRatioRow = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {\n if (!speakerSetting.clusterInferRationEnable) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null);\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-row split-3-3-4 left-padding-1 guided\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-item-title left-padding-1 \"\n }, \"Cluster infer ratio\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"input\", {\n type: \"range\",\n className: \"body-item-input-slider\",\n min: \"0\",\n max: \"1\",\n step: \"0.1\",\n value: appState.serverSetting.serverSetting.clusterInferRatio,\n onChange: function onChange(e) {\n appState.serverSetting.updateServerSettings(_objectSpread(_objectSpread({}, appState.serverSetting.serverSetting), {}, {\n clusterInferRatio: Number(e.target.value)\n }));\n }\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"span\", {\n className: \"body-item-input-slider-val\"\n }, appState.serverSetting.serverSetting.clusterInferRatio)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-button-container\"\n }));\n }, [appState.serverSetting.serverSetting, appState.serverSetting.updateServerSettings]);\n return clusterRatioRow;\n};\n\n//# sourceURL=webpack://demo/./src/components/demo/606_ClusterInferRatioRow.tsx?"); /***/ }), @@ -543,7 +543,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"NoiseScaleRow\": () => (/* binding */ NoiseScaleRow)\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ \"./node_modules/@babel/runtime/helpers/esm/defineProperty.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../001_provider/001_AppStateProvider */ \"./src/001_provider/001_AppStateProvider.tsx\");\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\n\nvar NoiseScaleRow = function NoiseScaleRow() {\n var appState = (0,_001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_2__.useAppState)();\n var speakerSetting = appState.appGuiSettingState.appGuiSetting.front.speakerSetting;\n var noiseScaleRow = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {\n if (!speakerSetting.noiseScaleEnable) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null);\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-row split-3-3-4 left-padding-1 guided\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-item-title left-padding-1 \"\n }, \"Noice Scale\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"input\", {\n type: \"range\",\n className: \"body-item-input-slider\",\n min: \"0\",\n max: \"1\",\n step: \"0.1\",\n value: appState.serverSetting.serverSetting.noiceScale,\n onChange: function onChange(e) {\n appState.serverSetting.updateServerSettings(_objectSpread(_objectSpread({}, appState.serverSetting.serverSetting), {}, {\n noiceScale: Number(e.target.value)\n }));\n }\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"span\", {\n className: \"body-item-input-slider-val\"\n }, appState.serverSetting.serverSetting.noiceScale)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-button-container\"\n }));\n }, [appState.serverSetting.serverSetting, appState.serverSetting.updateServerSettings]);\n return noiseScaleRow;\n};\n\n//# sourceURL=webpack://demo/./src/components/demo/607_NoiseScaleRow.tsx?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"NoiseScaleRow\": () => (/* binding */ NoiseScaleRow)\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ \"./node_modules/@babel/runtime/helpers/esm/defineProperty.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _001_provider_001_AppRootProvider__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../001_provider/001_AppRootProvider */ \"./src/001_provider/001_AppRootProvider.tsx\");\n/* harmony import */ var _001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../001_provider/001_AppStateProvider */ \"./src/001_provider/001_AppStateProvider.tsx\");\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\n\n\nvar NoiseScaleRow = function NoiseScaleRow() {\n var appState = (0,_001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_3__.useAppState)();\n var _useAppRoot = (0,_001_provider_001_AppRootProvider__WEBPACK_IMPORTED_MODULE_2__.useAppRoot)(),\n appGuiSettingState = _useAppRoot.appGuiSettingState;\n var speakerSetting = appGuiSettingState.appGuiSetting.front.speakerSetting;\n var noiseScaleRow = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {\n if (!speakerSetting.noiseScaleEnable) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null);\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-row split-3-3-4 left-padding-1 guided\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-item-title left-padding-1 \"\n }, \"Noice Scale\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"input\", {\n type: \"range\",\n className: \"body-item-input-slider\",\n min: \"0\",\n max: \"1\",\n step: \"0.1\",\n value: appState.serverSetting.serverSetting.noiceScale,\n onChange: function onChange(e) {\n appState.serverSetting.updateServerSettings(_objectSpread(_objectSpread({}, appState.serverSetting.serverSetting), {}, {\n noiceScale: Number(e.target.value)\n }));\n }\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"span\", {\n className: \"body-item-input-slider-val\"\n }, appState.serverSetting.serverSetting.noiceScale)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-button-container\"\n }));\n }, [appState.serverSetting.serverSetting, appState.serverSetting.updateServerSettings]);\n return noiseScaleRow;\n};\n\n//# sourceURL=webpack://demo/./src/components/demo/607_NoiseScaleRow.tsx?"); /***/ }), @@ -554,7 +554,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"SilentThresholdRow\": () => (/* binding */ SilentThresholdRow)\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ \"./node_modules/@babel/runtime/helpers/esm/defineProperty.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../001_provider/001_AppStateProvider */ \"./src/001_provider/001_AppStateProvider.tsx\");\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\n\nvar SilentThresholdRow = function SilentThresholdRow() {\n var appState = (0,_001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_2__.useAppState)();\n var speakerSetting = appState.appGuiSettingState.appGuiSetting.front.speakerSetting;\n var silentThresholdRow = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {\n if (!speakerSetting.silentThresholdEnable) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null);\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-row split-3-3-4 left-padding-1 guided\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-item-title left-padding-1 \"\n }, \"Silent Threshold\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"input\", {\n type: \"range\",\n className: \"body-item-input-slider\",\n min: \"0.00000\",\n max: \"0.001\",\n step: \"0.00001\",\n value: appState.serverSetting.serverSetting.silentThreshold,\n onChange: function onChange(e) {\n appState.serverSetting.updateServerSettings(_objectSpread(_objectSpread({}, appState.serverSetting.serverSetting), {}, {\n silentThreshold: Number(e.target.value)\n }));\n }\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"span\", {\n className: \"body-item-input-slider-val\"\n }, appState.serverSetting.serverSetting.silentThreshold)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-button-container\"\n }));\n }, [appState.serverSetting.serverSetting, appState.serverSetting.updateServerSettings]);\n return silentThresholdRow;\n};\n\n//# sourceURL=webpack://demo/./src/components/demo/608_SilentThresholdRow.tsx?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"SilentThresholdRow\": () => (/* binding */ SilentThresholdRow)\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ \"./node_modules/@babel/runtime/helpers/esm/defineProperty.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _001_provider_001_AppRootProvider__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../001_provider/001_AppRootProvider */ \"./src/001_provider/001_AppRootProvider.tsx\");\n/* harmony import */ var _001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../001_provider/001_AppStateProvider */ \"./src/001_provider/001_AppStateProvider.tsx\");\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\n\n\nvar SilentThresholdRow = function SilentThresholdRow() {\n var appState = (0,_001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_3__.useAppState)();\n var _useAppRoot = (0,_001_provider_001_AppRootProvider__WEBPACK_IMPORTED_MODULE_2__.useAppRoot)(),\n appGuiSettingState = _useAppRoot.appGuiSettingState;\n var speakerSetting = appGuiSettingState.appGuiSetting.front.speakerSetting;\n var silentThresholdRow = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {\n if (!speakerSetting.silentThresholdEnable) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null);\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-row split-3-3-4 left-padding-1 guided\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-item-title left-padding-1 \"\n }, \"Silent Threshold\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"input\", {\n type: \"range\",\n className: \"body-item-input-slider\",\n min: \"0.00000\",\n max: \"0.001\",\n step: \"0.00001\",\n value: appState.serverSetting.serverSetting.silentThreshold,\n onChange: function onChange(e) {\n appState.serverSetting.updateServerSettings(_objectSpread(_objectSpread({}, appState.serverSetting.serverSetting), {}, {\n silentThreshold: Number(e.target.value)\n }));\n }\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"span\", {\n className: \"body-item-input-slider-val\"\n }, appState.serverSetting.serverSetting.silentThreshold)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-button-container\"\n }));\n }, [appState.serverSetting.serverSetting, appState.serverSetting.updateServerSettings]);\n return silentThresholdRow;\n};\n\n//# sourceURL=webpack://demo/./src/components/demo/608_SilentThresholdRow.tsx?"); /***/ }), @@ -587,7 +587,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"ExtraDataLengthRow\": () => (/* binding */ ExtraDataLengthRow)\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ \"./node_modules/@babel/runtime/helpers/esm/defineProperty.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../001_provider/001_AppStateProvider */ \"./src/001_provider/001_AppStateProvider.tsx\");\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\n\nvar ExtraDataLengthRow = function ExtraDataLengthRow() {\n var appState = (0,_001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_2__.useAppState)();\n var converterSetting = appState.appGuiSettingState.appGuiSetting.front.converterSetting;\n var extraDataLengthRow = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {\n if (!converterSetting.extraDataLengthEnable) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null);\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-row split-3-2-1-4 left-padding-1 guided\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-item-title left-padding-1\"\n }, \"Extra Data Length\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-input-container\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"select\", {\n className: \"body-select\",\n value: appState.serverSetting.serverSetting.extraConvertSize,\n onChange: function onChange(e) {\n appState.serverSetting.updateServerSettings(_objectSpread(_objectSpread({}, appState.serverSetting.serverSetting), {}, {\n extraConvertSize: Number(e.target.value)\n }));\n appState.workletNodeSetting.trancateBuffer();\n }\n }, [1024 * 4, 1024 * 8, 1024 * 16, 1024 * 32, 1024 * 64, 1024 * 128].map(function (x) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"option\", {\n key: x,\n value: x\n }, x);\n }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-item-text\"\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-item-text\"\n }));\n }, [appState.serverSetting.serverSetting, appState.serverSetting.updateServerSettings]);\n return extraDataLengthRow;\n};\n\n//# sourceURL=webpack://demo/./src/components/demo/702_ExtraDataLengthRow.tsx?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"ExtraDataLengthRow\": () => (/* binding */ ExtraDataLengthRow)\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ \"./node_modules/@babel/runtime/helpers/esm/defineProperty.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _001_provider_001_AppRootProvider__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../001_provider/001_AppRootProvider */ \"./src/001_provider/001_AppRootProvider.tsx\");\n/* harmony import */ var _001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../001_provider/001_AppStateProvider */ \"./src/001_provider/001_AppStateProvider.tsx\");\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\n\n\nvar ExtraDataLengthRow = function ExtraDataLengthRow() {\n var appState = (0,_001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_3__.useAppState)();\n var _useAppRoot = (0,_001_provider_001_AppRootProvider__WEBPACK_IMPORTED_MODULE_2__.useAppRoot)(),\n appGuiSettingState = _useAppRoot.appGuiSettingState;\n var converterSetting = appGuiSettingState.appGuiSetting.front.converterSetting;\n var extraDataLengthRow = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {\n if (!converterSetting.extraDataLengthEnable) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null);\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-row split-3-2-1-4 left-padding-1 guided\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-item-title left-padding-1\"\n }, \"Extra Data Length\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-input-container\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"select\", {\n className: \"body-select\",\n value: appState.serverSetting.serverSetting.extraConvertSize,\n onChange: function onChange(e) {\n appState.serverSetting.updateServerSettings(_objectSpread(_objectSpread({}, appState.serverSetting.serverSetting), {}, {\n extraConvertSize: Number(e.target.value)\n }));\n appState.workletNodeSetting.trancateBuffer();\n }\n }, [1024 * 4, 1024 * 8, 1024 * 16, 1024 * 32, 1024 * 64, 1024 * 128].map(function (x) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"option\", {\n key: x,\n value: x\n }, x);\n }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-item-text\"\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-item-text\"\n }));\n }, [appState.serverSetting.serverSetting, appState.serverSetting.updateServerSettings]);\n return extraDataLengthRow;\n};\n\n//# sourceURL=webpack://demo/./src/components/demo/702_ExtraDataLengthRow.tsx?"); /***/ }), @@ -620,7 +620,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"ServerURLRow\": () => (/* binding */ ServerURLRow)\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ \"./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js\");\n/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/regenerator */ \"./node_modules/@babel/runtime/regenerator/index.js\");\n/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../001_provider/001_AppStateProvider */ \"./src/001_provider/001_AppStateProvider.tsx\");\n\n\n\n\nvar ServerURLRow = function ServerURLRow() {\n var appState = (0,_001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_3__.useAppState)();\n var advancedSetting = appState.appGuiSettingState.appGuiSetting.front.advancedSetting;\n var serverUrlRow = (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(function () {\n if (!advancedSetting.serverURLEnable) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null);\n }\n var onSetServerClicked = /*#__PURE__*/function () {\n var _ref = (0,_babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__[\"default\"])( /*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_1___default().mark(function _callee() {\n var input;\n return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_1___default().wrap(function _callee$(_context) {\n while (1) switch (_context.prev = _context.next) {\n case 0:\n input = document.getElementById(\"mmvc-server-url\");\n appState.clientSetting.setServerUrl(input.value);\n case 2:\n case \"end\":\n return _context.stop();\n }\n }, _callee);\n }));\n return function onSetServerClicked() {\n return _ref.apply(this, arguments);\n };\n }();\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"body-row split-3-3-4 left-padding-1 guided\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"body-item-title left-padding-1\"\n }, \"MMVC Server\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"body-input-container\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"input\", {\n type: \"text\",\n defaultValue: appState.workletNodeSetting.workletNodeSetting.serverUrl,\n id: \"mmvc-server-url\",\n className: \"body-item-input\"\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"body-button-container\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"body-button\",\n onClick: onSetServerClicked\n }, \"set\")));\n }, [appState.workletNodeSetting.workletNodeSetting, appState.clientSetting.setServerUrl]);\n return serverUrlRow;\n};\n\n//# sourceURL=webpack://demo/./src/components/demo/801_ServerURLRow.tsx?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"ServerURLRow\": () => (/* binding */ ServerURLRow)\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ \"./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js\");\n/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/regenerator */ \"./node_modules/@babel/runtime/regenerator/index.js\");\n/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _001_provider_001_AppRootProvider__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../001_provider/001_AppRootProvider */ \"./src/001_provider/001_AppRootProvider.tsx\");\n/* harmony import */ var _001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../001_provider/001_AppStateProvider */ \"./src/001_provider/001_AppStateProvider.tsx\");\n\n\n\n\n\nvar ServerURLRow = function ServerURLRow() {\n var appState = (0,_001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_4__.useAppState)();\n var _useAppRoot = (0,_001_provider_001_AppRootProvider__WEBPACK_IMPORTED_MODULE_3__.useAppRoot)(),\n appGuiSettingState = _useAppRoot.appGuiSettingState;\n var advancedSetting = appGuiSettingState.appGuiSetting.front.advancedSetting;\n var serverUrlRow = (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(function () {\n if (!advancedSetting.serverURLEnable) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null);\n }\n var onSetServerClicked = /*#__PURE__*/function () {\n var _ref = (0,_babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__[\"default\"])( /*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_1___default().mark(function _callee() {\n var input;\n return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_1___default().wrap(function _callee$(_context) {\n while (1) switch (_context.prev = _context.next) {\n case 0:\n input = document.getElementById(\"mmvc-server-url\");\n appState.clientSetting.setServerUrl(input.value);\n case 2:\n case \"end\":\n return _context.stop();\n }\n }, _callee);\n }));\n return function onSetServerClicked() {\n return _ref.apply(this, arguments);\n };\n }();\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"body-row split-3-3-4 left-padding-1 guided\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"body-item-title left-padding-1\"\n }, \"MMVC Server\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"body-input-container\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"input\", {\n type: \"text\",\n defaultValue: appState.workletNodeSetting.workletNodeSetting.serverUrl,\n id: \"mmvc-server-url\",\n className: \"body-item-input\"\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"body-button-container\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"body-button\",\n onClick: onSetServerClicked\n }, \"set\")));\n }, [appState.workletNodeSetting.workletNodeSetting, appState.clientSetting.setServerUrl]);\n return serverUrlRow;\n};\n\n//# sourceURL=webpack://demo/./src/components/demo/801_ServerURLRow.tsx?"); /***/ }), @@ -631,7 +631,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"ProtocolRow\": () => (/* binding */ ProtocolRow)\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ \"./node_modules/@babel/runtime/helpers/esm/defineProperty.js\");\n/* harmony import */ var _babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ \"./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js\");\n/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/regenerator */ \"./node_modules/@babel/runtime/regenerator/index.js\");\n/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../001_provider/001_AppStateProvider */ \"./src/001_provider/001_AppStateProvider.tsx\");\n/* harmony import */ var _dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @dannadori/voice-changer-client-js */ \"./node_modules/@dannadori/voice-changer-client-js/dist/index.js\");\n/* harmony import */ var _dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_5__);\n\n\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\n\n\nvar ProtocolRow = function ProtocolRow() {\n var appState = (0,_001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_4__.useAppState)();\n var advancedSetting = appState.appGuiSettingState.appGuiSetting.front.advancedSetting;\n var protocolRow = (0,react__WEBPACK_IMPORTED_MODULE_3__.useMemo)(function () {\n if (!advancedSetting.protocolEnable) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement((react__WEBPACK_IMPORTED_MODULE_3___default().Fragment), null);\n }\n var onProtocolChanged = /*#__PURE__*/function () {\n var _ref = (0,_babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_1__[\"default\"])( /*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2___default().mark(function _callee(val) {\n return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2___default().wrap(function _callee$(_context) {\n while (1) switch (_context.prev = _context.next) {\n case 0:\n appState.workletNodeSetting.updateWorkletNodeSetting(_objectSpread(_objectSpread({}, appState.workletNodeSetting.workletNodeSetting), {}, {\n protocol: val\n }));\n case 1:\n case \"end\":\n return _context.stop();\n }\n }, _callee);\n }));\n return function onProtocolChanged(_x) {\n return _ref.apply(this, arguments);\n };\n }();\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(\"div\", {\n className: \"body-row split-3-7 left-padding-1 guided\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(\"div\", {\n className: \"body-item-title left-padding-1\"\n }, \"Protocol\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(\"div\", {\n className: \"body-select-container\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(\"select\", {\n className: \"body-select\",\n value: appState.workletNodeSetting.workletNodeSetting.protocol,\n onChange: function onChange(e) {\n onProtocolChanged(e.target.value);\n }\n }, Object.values(_dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_5__.Protocol).map(function (x) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(\"option\", {\n key: x,\n value: x\n }, x);\n }))));\n }, [appState.workletNodeSetting.workletNodeSetting, appState.workletNodeSetting.updateWorkletNodeSetting]);\n return protocolRow;\n};\n\n//# sourceURL=webpack://demo/./src/components/demo/802_ProtocolRow.tsx?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"ProtocolRow\": () => (/* binding */ ProtocolRow)\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ \"./node_modules/@babel/runtime/helpers/esm/defineProperty.js\");\n/* harmony import */ var _babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ \"./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js\");\n/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/regenerator */ \"./node_modules/@babel/runtime/regenerator/index.js\");\n/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../001_provider/001_AppStateProvider */ \"./src/001_provider/001_AppStateProvider.tsx\");\n/* harmony import */ var _dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @dannadori/voice-changer-client-js */ \"./node_modules/@dannadori/voice-changer-client-js/dist/index.js\");\n/* harmony import */ var _dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var _001_provider_001_AppRootProvider__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../001_provider/001_AppRootProvider */ \"./src/001_provider/001_AppRootProvider.tsx\");\n\n\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\n\n\n\nvar ProtocolRow = function ProtocolRow() {\n var appState = (0,_001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_4__.useAppState)();\n var _useAppRoot = (0,_001_provider_001_AppRootProvider__WEBPACK_IMPORTED_MODULE_6__.useAppRoot)(),\n appGuiSettingState = _useAppRoot.appGuiSettingState;\n var advancedSetting = appGuiSettingState.appGuiSetting.front.advancedSetting;\n var protocolRow = (0,react__WEBPACK_IMPORTED_MODULE_3__.useMemo)(function () {\n if (!advancedSetting.protocolEnable) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement((react__WEBPACK_IMPORTED_MODULE_3___default().Fragment), null);\n }\n var onProtocolChanged = /*#__PURE__*/function () {\n var _ref = (0,_babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_1__[\"default\"])( /*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2___default().mark(function _callee(val) {\n return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2___default().wrap(function _callee$(_context) {\n while (1) switch (_context.prev = _context.next) {\n case 0:\n appState.workletNodeSetting.updateWorkletNodeSetting(_objectSpread(_objectSpread({}, appState.workletNodeSetting.workletNodeSetting), {}, {\n protocol: val\n }));\n case 1:\n case \"end\":\n return _context.stop();\n }\n }, _callee);\n }));\n return function onProtocolChanged(_x) {\n return _ref.apply(this, arguments);\n };\n }();\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(\"div\", {\n className: \"body-row split-3-7 left-padding-1 guided\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(\"div\", {\n className: \"body-item-title left-padding-1\"\n }, \"Protocol\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(\"div\", {\n className: \"body-select-container\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(\"select\", {\n className: \"body-select\",\n value: appState.workletNodeSetting.workletNodeSetting.protocol,\n onChange: function onChange(e) {\n onProtocolChanged(e.target.value);\n }\n }, Object.values(_dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_5__.Protocol).map(function (x) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(\"option\", {\n key: x,\n value: x\n }, x);\n }))));\n }, [appState.workletNodeSetting.workletNodeSetting, appState.workletNodeSetting.updateWorkletNodeSetting]);\n return protocolRow;\n};\n\n//# sourceURL=webpack://demo/./src/components/demo/802_ProtocolRow.tsx?"); /***/ }), @@ -642,7 +642,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"SampleRateRow\": () => (/* binding */ SampleRateRow)\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ \"./node_modules/@babel/runtime/helpers/esm/defineProperty.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../001_provider/001_AppStateProvider */ \"./src/001_provider/001_AppStateProvider.tsx\");\n/* harmony import */ var _dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @dannadori/voice-changer-client-js */ \"./node_modules/@dannadori/voice-changer-client-js/dist/index.js\");\n/* harmony import */ var _dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_3__);\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\n\n\nvar SampleRateRow = function SampleRateRow() {\n var appState = (0,_001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_2__.useAppState)();\n var advancedSetting = appState.appGuiSettingState.appGuiSetting.front.advancedSetting;\n var sampleRateRow = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {\n if (!advancedSetting.sampleRateEnable) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null);\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-row split-3-7 left-padding-1 guided\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-item-title left-padding-1\"\n }, \"Sample Rate\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-select-container\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"select\", {\n className: \"body-select\",\n value: appState.clientSetting.clientSetting.sampleRate,\n onChange: function onChange(e) {\n appState.clientSetting.updateClientSetting(_objectSpread(_objectSpread({}, appState.clientSetting.clientSetting), {}, {\n sampleRate: Number(e.target.value)\n }));\n }\n }, Object.values(_dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_3__.SampleRate).map(function (x) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"option\", {\n key: x,\n value: x\n }, x);\n }))));\n }, [appState.clientSetting.clientSetting, appState.clientSetting.updateClientSetting]);\n return sampleRateRow;\n};\n\n//# sourceURL=webpack://demo/./src/components/demo/803_SampleRateRow.tsx?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"SampleRateRow\": () => (/* binding */ SampleRateRow)\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ \"./node_modules/@babel/runtime/helpers/esm/defineProperty.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../001_provider/001_AppStateProvider */ \"./src/001_provider/001_AppStateProvider.tsx\");\n/* harmony import */ var _dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @dannadori/voice-changer-client-js */ \"./node_modules/@dannadori/voice-changer-client-js/dist/index.js\");\n/* harmony import */ var _dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _001_provider_001_AppRootProvider__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../001_provider/001_AppRootProvider */ \"./src/001_provider/001_AppRootProvider.tsx\");\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\n\n\n\nvar SampleRateRow = function SampleRateRow() {\n var appState = (0,_001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_2__.useAppState)();\n var _useAppRoot = (0,_001_provider_001_AppRootProvider__WEBPACK_IMPORTED_MODULE_4__.useAppRoot)(),\n appGuiSettingState = _useAppRoot.appGuiSettingState;\n var advancedSetting = appGuiSettingState.appGuiSetting.front.advancedSetting;\n var sampleRateRow = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {\n if (!advancedSetting.sampleRateEnable) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null);\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-row split-3-7 left-padding-1 guided\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-item-title left-padding-1\"\n }, \"Sample Rate\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-select-container\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"select\", {\n className: \"body-select\",\n value: appState.clientSetting.clientSetting.sampleRate,\n onChange: function onChange(e) {\n appState.clientSetting.updateClientSetting(_objectSpread(_objectSpread({}, appState.clientSetting.clientSetting), {}, {\n sampleRate: Number(e.target.value)\n }));\n }\n }, Object.values(_dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_3__.SampleRate).map(function (x) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"option\", {\n key: x,\n value: x\n }, x);\n }))));\n }, [appState.clientSetting.clientSetting, appState.clientSetting.updateClientSetting]);\n return sampleRateRow;\n};\n\n//# sourceURL=webpack://demo/./src/components/demo/803_SampleRateRow.tsx?"); /***/ }), @@ -653,7 +653,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"SendingSampleRateRow\": () => (/* binding */ SendingSampleRateRow)\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ \"./node_modules/@babel/runtime/helpers/esm/defineProperty.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../001_provider/001_AppStateProvider */ \"./src/001_provider/001_AppStateProvider.tsx\");\n/* harmony import */ var _dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @dannadori/voice-changer-client-js */ \"./node_modules/@dannadori/voice-changer-client-js/dist/index.js\");\n/* harmony import */ var _dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_3__);\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\n\n\nvar SendingSampleRateRow = function SendingSampleRateRow() {\n var appState = (0,_001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_2__.useAppState)();\n var advancedSetting = appState.appGuiSettingState.appGuiSetting.front.advancedSetting;\n var sendingSampleRateRow = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {\n if (!advancedSetting.sendingSampleRateEnable) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null);\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-row split-3-7 left-padding-1 guided\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-item-title left-padding-1\"\n }, \"Sending Sample Rate\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-select-container\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"select\", {\n className: \"body-select\",\n value: appState.workletNodeSetting.workletNodeSetting.sendingSampleRate,\n onChange: function onChange(e) {\n appState.workletNodeSetting.updateWorkletNodeSetting(_objectSpread(_objectSpread({}, appState.workletNodeSetting.workletNodeSetting), {}, {\n sendingSampleRate: Number(e.target.value)\n }));\n appState.serverSetting.updateServerSettings(_objectSpread(_objectSpread({}, appState.serverSetting.serverSetting), {}, {\n inputSampleRate: Number(e.target.value)\n }));\n }\n }, Object.values(_dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_3__.InputSampleRate).map(function (x) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"option\", {\n key: x,\n value: x\n }, x);\n }))));\n }, [appState.workletNodeSetting.workletNodeSetting, appState.workletNodeSetting.updateWorkletNodeSetting, appState.serverSetting.updateServerSettings]);\n return sendingSampleRateRow;\n};\n\n//# sourceURL=webpack://demo/./src/components/demo/804_SendingSampleRateRow.tsx?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"SendingSampleRateRow\": () => (/* binding */ SendingSampleRateRow)\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ \"./node_modules/@babel/runtime/helpers/esm/defineProperty.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../001_provider/001_AppStateProvider */ \"./src/001_provider/001_AppStateProvider.tsx\");\n/* harmony import */ var _dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @dannadori/voice-changer-client-js */ \"./node_modules/@dannadori/voice-changer-client-js/dist/index.js\");\n/* harmony import */ var _dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _001_provider_001_AppRootProvider__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../001_provider/001_AppRootProvider */ \"./src/001_provider/001_AppRootProvider.tsx\");\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\n\n\n\nvar SendingSampleRateRow = function SendingSampleRateRow() {\n var appState = (0,_001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_2__.useAppState)();\n var _useAppRoot = (0,_001_provider_001_AppRootProvider__WEBPACK_IMPORTED_MODULE_4__.useAppRoot)(),\n appGuiSettingState = _useAppRoot.appGuiSettingState;\n var advancedSetting = appGuiSettingState.appGuiSetting.front.advancedSetting;\n var sendingSampleRateRow = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {\n if (!advancedSetting.sendingSampleRateEnable) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null);\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-row split-3-7 left-padding-1 guided\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-item-title left-padding-1\"\n }, \"Sending Sample Rate\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-select-container\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"select\", {\n className: \"body-select\",\n value: appState.workletNodeSetting.workletNodeSetting.sendingSampleRate,\n onChange: function onChange(e) {\n appState.workletNodeSetting.updateWorkletNodeSetting(_objectSpread(_objectSpread({}, appState.workletNodeSetting.workletNodeSetting), {}, {\n sendingSampleRate: Number(e.target.value)\n }));\n appState.serverSetting.updateServerSettings(_objectSpread(_objectSpread({}, appState.serverSetting.serverSetting), {}, {\n inputSampleRate: Number(e.target.value)\n }));\n }\n }, Object.values(_dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_3__.InputSampleRate).map(function (x) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"option\", {\n key: x,\n value: x\n }, x);\n }))));\n }, [appState.workletNodeSetting.workletNodeSetting, appState.workletNodeSetting.updateWorkletNodeSetting, appState.serverSetting.updateServerSettings]);\n return sendingSampleRateRow;\n};\n\n//# sourceURL=webpack://demo/./src/components/demo/804_SendingSampleRateRow.tsx?"); /***/ }), @@ -664,7 +664,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"CrossFadeOverlapSizeRow\": () => (/* binding */ CrossFadeOverlapSizeRow)\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ \"./node_modules/@babel/runtime/helpers/esm/defineProperty.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../001_provider/001_AppStateProvider */ \"./src/001_provider/001_AppStateProvider.tsx\");\n/* harmony import */ var _dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @dannadori/voice-changer-client-js */ \"./node_modules/@dannadori/voice-changer-client-js/dist/index.js\");\n/* harmony import */ var _dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_3__);\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\n\n\nvar CrossFadeOverlapSizeRow = function CrossFadeOverlapSizeRow() {\n var appState = (0,_001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_2__.useAppState)();\n var advancedSetting = appState.appGuiSettingState.appGuiSetting.front.advancedSetting;\n var crossFadeOverlapSizeRow = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {\n if (!advancedSetting.crossFadeOverlapSizeEnable) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null);\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-row split-3-7 left-padding-1 guided\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-item-title left-padding-1\"\n }, \"Cross Fade Overlap Size\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-select-container\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"select\", {\n className: \"body-select\",\n value: appState.serverSetting.serverSetting.crossFadeOverlapSize,\n onChange: function onChange(e) {\n appState.serverSetting.updateServerSettings(_objectSpread(_objectSpread({}, appState.serverSetting.serverSetting), {}, {\n crossFadeOverlapSize: Number(e.target.value)\n }));\n }\n }, Object.values(_dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_3__.CrossFadeOverlapSize).map(function (x) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"option\", {\n key: x,\n value: x\n }, x);\n }))));\n }, [appState.serverSetting.serverSetting, appState.serverSetting.updateServerSettings]);\n return crossFadeOverlapSizeRow;\n};\n\n//# sourceURL=webpack://demo/./src/components/demo/805_CrossFadeOverlapSizeRow.tsx?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"CrossFadeOverlapSizeRow\": () => (/* binding */ CrossFadeOverlapSizeRow)\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ \"./node_modules/@babel/runtime/helpers/esm/defineProperty.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../001_provider/001_AppStateProvider */ \"./src/001_provider/001_AppStateProvider.tsx\");\n/* harmony import */ var _dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @dannadori/voice-changer-client-js */ \"./node_modules/@dannadori/voice-changer-client-js/dist/index.js\");\n/* harmony import */ var _dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _001_provider_001_AppRootProvider__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../001_provider/001_AppRootProvider */ \"./src/001_provider/001_AppRootProvider.tsx\");\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\n\n\n\nvar CrossFadeOverlapSizeRow = function CrossFadeOverlapSizeRow() {\n var appState = (0,_001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_2__.useAppState)();\n var _useAppRoot = (0,_001_provider_001_AppRootProvider__WEBPACK_IMPORTED_MODULE_4__.useAppRoot)(),\n appGuiSettingState = _useAppRoot.appGuiSettingState;\n var advancedSetting = appGuiSettingState.appGuiSetting.front.advancedSetting;\n var crossFadeOverlapSizeRow = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {\n if (!advancedSetting.crossFadeOverlapSizeEnable) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null);\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-row split-3-7 left-padding-1 guided\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-item-title left-padding-1\"\n }, \"Cross Fade Overlap Size\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-select-container\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"select\", {\n className: \"body-select\",\n value: appState.serverSetting.serverSetting.crossFadeOverlapSize,\n onChange: function onChange(e) {\n appState.serverSetting.updateServerSettings(_objectSpread(_objectSpread({}, appState.serverSetting.serverSetting), {}, {\n crossFadeOverlapSize: Number(e.target.value)\n }));\n }\n }, Object.values(_dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_3__.CrossFadeOverlapSize).map(function (x) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"option\", {\n key: x,\n value: x\n }, x);\n }))));\n }, [appState.serverSetting.serverSetting, appState.serverSetting.updateServerSettings]);\n return crossFadeOverlapSizeRow;\n};\n\n//# sourceURL=webpack://demo/./src/components/demo/805_CrossFadeOverlapSizeRow.tsx?"); /***/ }), @@ -675,7 +675,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"CrossFadeOffsetRateRow\": () => (/* binding */ CrossFadeOffsetRateRow)\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ \"./node_modules/@babel/runtime/helpers/esm/defineProperty.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../001_provider/001_AppStateProvider */ \"./src/001_provider/001_AppStateProvider.tsx\");\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\n\nvar CrossFadeOffsetRateRow = function CrossFadeOffsetRateRow() {\n var appState = (0,_001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_2__.useAppState)();\n var advancedSetting = appState.appGuiSettingState.appGuiSetting.front.advancedSetting;\n var crossFadeOffsetRateRow = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {\n if (!advancedSetting.crossFadeOffsetRateEnable) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null);\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-row split-3-7 left-padding-1 guided\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-item-title left-padding-1\"\n }, \"Cross Fade Offset Rate\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-input-container\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"input\", {\n type: \"number\",\n min: 0,\n max: 1,\n step: 0.1,\n value: appState.serverSetting.serverSetting.crossFadeOffsetRate,\n onChange: function onChange(e) {\n appState.serverSetting.updateServerSettings(_objectSpread(_objectSpread({}, appState.serverSetting.serverSetting), {}, {\n crossFadeOffsetRate: Number(e.target.value)\n }));\n }\n })));\n }, [appState.serverSetting.serverSetting.crossFadeOffsetRate, appState.serverSetting.updateServerSettings]);\n return crossFadeOffsetRateRow;\n};\n\n//# sourceURL=webpack://demo/./src/components/demo/806_CrossFadeOffsetRateRow.tsx?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"CrossFadeOffsetRateRow\": () => (/* binding */ CrossFadeOffsetRateRow)\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ \"./node_modules/@babel/runtime/helpers/esm/defineProperty.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _001_provider_001_AppRootProvider__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../001_provider/001_AppRootProvider */ \"./src/001_provider/001_AppRootProvider.tsx\");\n/* harmony import */ var _001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../001_provider/001_AppStateProvider */ \"./src/001_provider/001_AppStateProvider.tsx\");\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\n\n\nvar CrossFadeOffsetRateRow = function CrossFadeOffsetRateRow() {\n var appState = (0,_001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_3__.useAppState)();\n var _useAppRoot = (0,_001_provider_001_AppRootProvider__WEBPACK_IMPORTED_MODULE_2__.useAppRoot)(),\n appGuiSettingState = _useAppRoot.appGuiSettingState;\n var advancedSetting = appGuiSettingState.appGuiSetting.front.advancedSetting;\n var crossFadeOffsetRateRow = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {\n if (!advancedSetting.crossFadeOffsetRateEnable) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null);\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-row split-3-7 left-padding-1 guided\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-item-title left-padding-1\"\n }, \"Cross Fade Offset Rate\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-input-container\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"input\", {\n type: \"number\",\n min: 0,\n max: 1,\n step: 0.1,\n value: appState.serverSetting.serverSetting.crossFadeOffsetRate,\n onChange: function onChange(e) {\n appState.serverSetting.updateServerSettings(_objectSpread(_objectSpread({}, appState.serverSetting.serverSetting), {}, {\n crossFadeOffsetRate: Number(e.target.value)\n }));\n }\n })));\n }, [appState.serverSetting.serverSetting.crossFadeOffsetRate, appState.serverSetting.updateServerSettings]);\n return crossFadeOffsetRateRow;\n};\n\n//# sourceURL=webpack://demo/./src/components/demo/806_CrossFadeOffsetRateRow.tsx?"); /***/ }), @@ -686,7 +686,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"CrossFadeEndRateRow\": () => (/* binding */ CrossFadeEndRateRow)\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ \"./node_modules/@babel/runtime/helpers/esm/defineProperty.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../001_provider/001_AppStateProvider */ \"./src/001_provider/001_AppStateProvider.tsx\");\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\n\nvar CrossFadeEndRateRow = function CrossFadeEndRateRow() {\n var appState = (0,_001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_2__.useAppState)();\n var advancedSetting = appState.appGuiSettingState.appGuiSetting.front.advancedSetting;\n var crossFadeEndRateRow = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {\n if (!advancedSetting.crossFadeEndRateEnable) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null);\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-row split-3-7 left-padding-1 guided\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-item-title left-padding-1\"\n }, \"Cross Fade End Rate\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-input-container\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"input\", {\n type: \"number\",\n min: 0,\n max: 1,\n step: 0.1,\n value: appState.serverSetting.serverSetting.crossFadeEndRate,\n onChange: function onChange(e) {\n appState.serverSetting.updateServerSettings(_objectSpread(_objectSpread({}, appState.serverSetting.serverSetting), {}, {\n crossFadeEndRate: Number(e.target.value)\n }));\n }\n })));\n }, [appState.serverSetting.serverSetting, appState.serverSetting.updateServerSettings]);\n return crossFadeEndRateRow;\n};\n\n//# sourceURL=webpack://demo/./src/components/demo/807_CrossFadeEndRateRow.tsx?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"CrossFadeEndRateRow\": () => (/* binding */ CrossFadeEndRateRow)\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ \"./node_modules/@babel/runtime/helpers/esm/defineProperty.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _001_provider_001_AppRootProvider__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../001_provider/001_AppRootProvider */ \"./src/001_provider/001_AppRootProvider.tsx\");\n/* harmony import */ var _001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../001_provider/001_AppStateProvider */ \"./src/001_provider/001_AppStateProvider.tsx\");\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\n\n\nvar CrossFadeEndRateRow = function CrossFadeEndRateRow() {\n var appState = (0,_001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_3__.useAppState)();\n var _useAppRoot = (0,_001_provider_001_AppRootProvider__WEBPACK_IMPORTED_MODULE_2__.useAppRoot)(),\n appGuiSettingState = _useAppRoot.appGuiSettingState;\n var advancedSetting = appGuiSettingState.appGuiSetting.front.advancedSetting;\n var crossFadeEndRateRow = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {\n if (!advancedSetting.crossFadeEndRateEnable) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null);\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-row split-3-7 left-padding-1 guided\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-item-title left-padding-1\"\n }, \"Cross Fade End Rate\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-input-container\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"input\", {\n type: \"number\",\n min: 0,\n max: 1,\n step: 0.1,\n value: appState.serverSetting.serverSetting.crossFadeEndRate,\n onChange: function onChange(e) {\n appState.serverSetting.updateServerSettings(_objectSpread(_objectSpread({}, appState.serverSetting.serverSetting), {}, {\n crossFadeEndRate: Number(e.target.value)\n }));\n }\n })));\n }, [appState.serverSetting.serverSetting, appState.serverSetting.updateServerSettings]);\n return crossFadeEndRateRow;\n};\n\n//# sourceURL=webpack://demo/./src/components/demo/807_CrossFadeEndRateRow.tsx?"); /***/ }), @@ -697,7 +697,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"DownSamplingModeRow\": () => (/* binding */ DownSamplingModeRow)\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ \"./node_modules/@babel/runtime/helpers/esm/defineProperty.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../001_provider/001_AppStateProvider */ \"./src/001_provider/001_AppStateProvider.tsx\");\n/* harmony import */ var _dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @dannadori/voice-changer-client-js */ \"./node_modules/@dannadori/voice-changer-client-js/dist/index.js\");\n/* harmony import */ var _dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_3__);\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\n\n\nvar DownSamplingModeRow = function DownSamplingModeRow() {\n var appState = (0,_001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_2__.useAppState)();\n var advancedSetting = appState.appGuiSettingState.appGuiSetting.front.advancedSetting;\n var downSamplingModeRow = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {\n if (!advancedSetting.downSamplingModeEnable) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null);\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-row split-3-7 left-padding-1 guided\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-item-title left-padding-1 \"\n }, \"DownSamplingMode\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-select-container\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"select\", {\n className: \"body-select\",\n value: appState.workletNodeSetting.workletNodeSetting.downSamplingMode,\n onChange: function onChange(e) {\n appState.workletNodeSetting.updateWorkletNodeSetting(_objectSpread(_objectSpread({}, appState.workletNodeSetting.workletNodeSetting), {}, {\n downSamplingMode: e.target.value\n }));\n }\n }, Object.values(_dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_3__.DownSamplingMode).map(function (x) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"option\", {\n key: x,\n value: x\n }, x);\n }))));\n }, [appState.workletNodeSetting.workletNodeSetting, appState.workletNodeSetting.updateWorkletNodeSetting]);\n return downSamplingModeRow;\n};\n\n//# sourceURL=webpack://demo/./src/components/demo/808_DownSamplingModeRow.tsx?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"DownSamplingModeRow\": () => (/* binding */ DownSamplingModeRow)\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ \"./node_modules/@babel/runtime/helpers/esm/defineProperty.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../001_provider/001_AppStateProvider */ \"./src/001_provider/001_AppStateProvider.tsx\");\n/* harmony import */ var _dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @dannadori/voice-changer-client-js */ \"./node_modules/@dannadori/voice-changer-client-js/dist/index.js\");\n/* harmony import */ var _dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _001_provider_001_AppRootProvider__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../001_provider/001_AppRootProvider */ \"./src/001_provider/001_AppRootProvider.tsx\");\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\n\n\n\nvar DownSamplingModeRow = function DownSamplingModeRow() {\n var appState = (0,_001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_2__.useAppState)();\n var _useAppRoot = (0,_001_provider_001_AppRootProvider__WEBPACK_IMPORTED_MODULE_4__.useAppRoot)(),\n appGuiSettingState = _useAppRoot.appGuiSettingState;\n var advancedSetting = appGuiSettingState.appGuiSetting.front.advancedSetting;\n var downSamplingModeRow = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {\n if (!advancedSetting.downSamplingModeEnable) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null);\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-row split-3-7 left-padding-1 guided\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-item-title left-padding-1 \"\n }, \"DownSamplingMode\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-select-container\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"select\", {\n className: \"body-select\",\n value: appState.workletNodeSetting.workletNodeSetting.downSamplingMode,\n onChange: function onChange(e) {\n appState.workletNodeSetting.updateWorkletNodeSetting(_objectSpread(_objectSpread({}, appState.workletNodeSetting.workletNodeSetting), {}, {\n downSamplingMode: e.target.value\n }));\n }\n }, Object.values(_dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_3__.DownSamplingMode).map(function (x) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"option\", {\n key: x,\n value: x\n }, x);\n }))));\n }, [appState.workletNodeSetting.workletNodeSetting, appState.workletNodeSetting.updateWorkletNodeSetting]);\n return downSamplingModeRow;\n};\n\n//# sourceURL=webpack://demo/./src/components/demo/808_DownSamplingModeRow.tsx?"); /***/ }), @@ -708,7 +708,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"TrancateNumTresholdRow\": () => (/* binding */ TrancateNumTresholdRow)\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ \"./node_modules/@babel/runtime/helpers/esm/defineProperty.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../001_provider/001_AppStateProvider */ \"./src/001_provider/001_AppStateProvider.tsx\");\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\n\nvar TrancateNumTresholdRow = function TrancateNumTresholdRow() {\n var appState = (0,_001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_2__.useAppState)();\n var advancedSetting = appState.appGuiSettingState.appGuiSetting.front.advancedSetting;\n var trancateNumTresholdRow = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {\n if (!advancedSetting.trancateNumTresholdEnable) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null);\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-row split-3-7 left-padding-1 guided\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-item-title left-padding-1\"\n }, \"Trancate Num\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-input-container\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"input\", {\n type: \"number\",\n min: 5,\n max: 300,\n step: 1,\n value: appState.workletSetting.setting.numTrancateTreshold,\n onChange: function onChange(e) {\n appState.workletSetting.setSetting(_objectSpread(_objectSpread({}, appState.workletSetting.setting), {}, {\n numTrancateTreshold: Number(e.target.value)\n }));\n }\n })));\n }, [appState.workletNodeSetting.workletNodeSetting, appState.workletNodeSetting.updateWorkletNodeSetting]);\n return trancateNumTresholdRow;\n};\n\n//# sourceURL=webpack://demo/./src/components/demo/809_TrancateNumTresholdRow.tsx?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"TrancateNumTresholdRow\": () => (/* binding */ TrancateNumTresholdRow)\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ \"./node_modules/@babel/runtime/helpers/esm/defineProperty.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _001_provider_001_AppRootProvider__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../001_provider/001_AppRootProvider */ \"./src/001_provider/001_AppRootProvider.tsx\");\n/* harmony import */ var _001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../001_provider/001_AppStateProvider */ \"./src/001_provider/001_AppStateProvider.tsx\");\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\n\n\nvar TrancateNumTresholdRow = function TrancateNumTresholdRow() {\n var appState = (0,_001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_3__.useAppState)();\n var _useAppRoot = (0,_001_provider_001_AppRootProvider__WEBPACK_IMPORTED_MODULE_2__.useAppRoot)(),\n appGuiSettingState = _useAppRoot.appGuiSettingState;\n var advancedSetting = appGuiSettingState.appGuiSetting.front.advancedSetting;\n var trancateNumTresholdRow = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {\n if (!advancedSetting.trancateNumTresholdEnable) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null);\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-row split-3-7 left-padding-1 guided\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-item-title left-padding-1\"\n }, \"Trancate Num\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-input-container\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"input\", {\n type: \"number\",\n min: 5,\n max: 300,\n step: 1,\n value: appState.workletSetting.setting.numTrancateTreshold,\n onChange: function onChange(e) {\n appState.workletSetting.setSetting(_objectSpread(_objectSpread({}, appState.workletSetting.setting), {}, {\n numTrancateTreshold: Number(e.target.value)\n }));\n }\n })));\n }, [appState.workletNodeSetting.workletNodeSetting, appState.workletNodeSetting.updateWorkletNodeSetting]);\n return trancateNumTresholdRow;\n};\n\n//# sourceURL=webpack://demo/./src/components/demo/809_TrancateNumTresholdRow.tsx?"); /***/ }), @@ -730,7 +730,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"LicenseDialog\": () => (/* binding */ LicenseDialog)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../001_provider/001_AppStateProvider */ \"./src/001_provider/001_AppStateProvider.tsx\");\n/* harmony import */ var _001_GuiStateProvider__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./001_GuiStateProvider */ \"./src/components/demo/001_GuiStateProvider.tsx\");\n\n\n\nvar LicenseDialog = function LicenseDialog() {\n var _useAppState = (0,_001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_1__.useAppState)(),\n appGuiSettingState = _useAppState.appGuiSettingState;\n var guiState = (0,_001_GuiStateProvider__WEBPACK_IMPORTED_MODULE_2__.useGuiState)();\n var licenses = appGuiSettingState.appGuiSetting.dialogs.license;\n var dialog = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {\n var closeButtonRow = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"body-row split-3-4-3 left-padding-1\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"body-item-text\"\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"body-button-container body-button-container-space-around\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"body-button\",\n onClick: function onClick() {\n guiState.stateControls.showLicenseCheckbox.updateState(false);\n }\n }, \"close\")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"body-item-text\"\n }));\n var records = licenses.map(function (x) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n key: x.url,\n className: \"body-row split-3-4-3 left-padding-1\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"body-item-text\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"a\", {\n href: x.url,\n target: \"_blank\",\n rel: \"noopener noreferrer\"\n }, x.title)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"body-item-text\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"a\", {\n href: x.url,\n target: \"_blank\",\n rel: \"noopener noreferrer\"\n }, x.auther, \"(\", x.contact, \")\")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"body-item-text\"\n }, x.license));\n });\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"dialog-frame\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"dialog-title\"\n }, \"License\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"dialog-content\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"dialog-application-title\"\n }, \"Voice Changer Demo\"), records, closeButtonRow));\n }, [licenses]);\n return dialog;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null);\n};\n\n//# sourceURL=webpack://demo/./src/components/demo/901_LicenseDialog.tsx?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"LicenseDialog\": () => (/* binding */ LicenseDialog)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _001_provider_001_AppRootProvider__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../001_provider/001_AppRootProvider */ \"./src/001_provider/001_AppRootProvider.tsx\");\n/* harmony import */ var _001_GuiStateProvider__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./001_GuiStateProvider */ \"./src/components/demo/001_GuiStateProvider.tsx\");\n\n\n\nvar LicenseDialog = function LicenseDialog() {\n var _useAppRoot = (0,_001_provider_001_AppRootProvider__WEBPACK_IMPORTED_MODULE_1__.useAppRoot)(),\n appGuiSettingState = _useAppRoot.appGuiSettingState;\n var guiState = (0,_001_GuiStateProvider__WEBPACK_IMPORTED_MODULE_2__.useGuiState)();\n var licenses = appGuiSettingState.appGuiSetting.dialogs.license;\n var dialog = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {\n var closeButtonRow = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"body-row split-3-4-3 left-padding-1\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"body-item-text\"\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"body-button-container body-button-container-space-around\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"body-button\",\n onClick: function onClick() {\n guiState.stateControls.showLicenseCheckbox.updateState(false);\n }\n }, \"close\")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"body-item-text\"\n }));\n var records = licenses.map(function (x) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n key: x.url,\n className: \"body-row split-3-4-3 left-padding-1\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"body-item-text\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"a\", {\n href: x.url,\n target: \"_blank\",\n rel: \"noopener noreferrer\"\n }, x.title)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"body-item-text\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"a\", {\n href: x.url,\n target: \"_blank\",\n rel: \"noopener noreferrer\"\n }, x.auther, \"(\", x.contact, \")\")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"body-item-text\"\n }, x.license));\n });\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"dialog-frame\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"dialog-title\"\n }, \"License\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"dialog-content\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"dialog-application-title\"\n }, \"Voice Changer Demo\"), records, closeButtonRow));\n }, [licenses]);\n return dialog;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null);\n};\n\n//# sourceURL=webpack://demo/./src/components/demo/901_LicenseDialog.tsx?"); /***/ }), diff --git a/client/demo_v13/public/assets/gui_settings/MMVCv13.json b/client/demo_v13/public/assets/gui_settings/MMVCv13.json index 5ab0e9ed..01c28b09 100644 --- a/client/demo_v13/public/assets/gui_settings/MMVCv13.json +++ b/client/demo_v13/public/assets/gui_settings/MMVCv13.json @@ -4,7 +4,7 @@ "front": { "title": { "mainTitle": "VC Client", - "subTitle": "MMVC for v.1.3", + "subTitle": "for MMVC v.1.3", "lineNum": 1 }, "serverControl": {}, @@ -12,7 +12,8 @@ "ONNXEnable": true, "pyTorchEnable": true, "MMVCCorrespondense": false, - "pyTorchClusterEnable": false + "pyTorchClusterEnable": false, + "showPyTorchDefault": false }, "deviceSetting": {}, "qualityControl": { diff --git a/client/demo_v13/public/assets/gui_settings/MMVCv15.json b/client/demo_v13/public/assets/gui_settings/MMVCv15.json new file mode 100644 index 00000000..da36f839 --- /dev/null +++ b/client/demo_v13/public/assets/gui_settings/MMVCv15.json @@ -0,0 +1,59 @@ +{ + "type": "demo", + "id": "MMVCv15", + "front": { + "title": { + "mainTitle": "VC Client", + "subTitle": "for MMVC v.1.5", + "lineNum": 1 + }, + "serverControl": {}, + "modelSetting": { + "ONNXEnable": true, + "pyTorchEnable": true, + "MMVCCorrespondense": true, + "pyTorchClusterEnable": false, + "showPyTorchDefault": false + }, + "deviceSetting": {}, + "qualityControl": { + "F0DetectorEnable": true + }, + "speakerSetting": { + "showSpeakerF0": true, + "srcIdEnable": true, + "editSpeakerIdMappingEnable": false, + "f0FactorEnable": true, + "tuningEnable": false, + "clusterInferRationEnable": false, + "noiseScaleEnable": false, + "silentThresholdEnable": false + }, + "converterSetting": { + "extraDataLengthEnable": false + }, + "advancedSetting": { + "serverURLEnable": true, + "protocolEnable": true, + "sampleRateEnable": true, + "sendingSampleRateEnable": true, + "crossFadeOverlapSizeEnable": true, + "crossFadeOffsetRateEnable": true, + "crossFadeEndRateEnable": true, + "downSamplingModeEnable": true, + "trancateNumTresholdEnable": true + } + }, + + "dialogs": { + "license": [ + { + "title": "c", + "auther": "c", + "contact": "b", + "url": "a", + "license": "MIT" + } + ] + } +} diff --git a/client/demo_v13/public/assets/gui_settings/so-vits-svc-40.json b/client/demo_v13/public/assets/gui_settings/so-vits-svc-40.json new file mode 100644 index 00000000..090eba0c --- /dev/null +++ b/client/demo_v13/public/assets/gui_settings/so-vits-svc-40.json @@ -0,0 +1,59 @@ +{ + "type": "demo", + "id": "so-vits-svc-40", + "front": { + "title": { + "mainTitle": "VC Client", + "subTitle": "for so-vits-svc-40", + "lineNum": 1 + }, + "serverControl": {}, + "modelSetting": { + "ONNXEnable": false, + "pyTorchEnable": true, + "MMVCCorrespondense": false, + "pyTorchClusterEnable": true, + "showPyTorchDefault": true + }, + "deviceSetting": {}, + "qualityControl": { + "F0DetectorEnable": true + }, + "speakerSetting": { + "showSpeakerF0": false, + "srcIdEnable": false, + "editSpeakerIdMappingEnable": false, + "f0FactorEnable": false, + "tuningEnable": true, + "clusterInferRationEnable": true, + "noiseScaleEnable": true, + "silentThresholdEnable": true + }, + "converterSetting": { + "extraDataLengthEnable": true + }, + "advancedSetting": { + "serverURLEnable": true, + "protocolEnable": true, + "sampleRateEnable": true, + "sendingSampleRateEnable": true, + "crossFadeOverlapSizeEnable": true, + "crossFadeOffsetRateEnable": true, + "crossFadeEndRateEnable": true, + "downSamplingModeEnable": true, + "trancateNumTresholdEnable": true + } + }, + + "dialogs": { + "license": [ + { + "title": "c", + "auther": "c", + "contact": "b", + "url": "a", + "license": "MIT" + } + ] + } +} diff --git a/client/demo_v13/public/assets/gui_settings/so-vits-svc-40v2.json b/client/demo_v13/public/assets/gui_settings/so-vits-svc-40v2.json new file mode 100644 index 00000000..4b81466e --- /dev/null +++ b/client/demo_v13/public/assets/gui_settings/so-vits-svc-40v2.json @@ -0,0 +1,59 @@ +{ + "type": "demo", + "id": "so-vits-svc-40v2", + "front": { + "title": { + "mainTitle": "VC Client", + "subTitle": "for so-vits-svc-40v2", + "lineNum": 1 + }, + "serverControl": {}, + "modelSetting": { + "ONNXEnable": false, + "pyTorchEnable": true, + "MMVCCorrespondense": false, + "pyTorchClusterEnable": true, + "showPyTorchDefault": true + }, + "deviceSetting": {}, + "qualityControl": { + "F0DetectorEnable": true + }, + "speakerSetting": { + "showSpeakerF0": false, + "srcIdEnable": false, + "editSpeakerIdMappingEnable": false, + "f0FactorEnable": false, + "tuningEnable": true, + "clusterInferRationEnable": true, + "noiseScaleEnable": true, + "silentThresholdEnable": true + }, + "converterSetting": { + "extraDataLengthEnable": true + }, + "advancedSetting": { + "serverURLEnable": true, + "protocolEnable": true, + "sampleRateEnable": true, + "sendingSampleRateEnable": true, + "crossFadeOverlapSizeEnable": true, + "crossFadeOffsetRateEnable": true, + "crossFadeEndRateEnable": true, + "downSamplingModeEnable": true, + "trancateNumTresholdEnable": true + } + }, + + "dialogs": { + "license": [ + { + "title": "c", + "auther": "c", + "contact": "b", + "url": "a", + "license": "MIT" + } + ] + } +} diff --git a/client/demo_v13/src/000_index.tsx b/client/demo_v13/src/000_index.tsx index 3e07ec89..e3a0a534 100644 --- a/client/demo_v13/src/000_index.tsx +++ b/client/demo_v13/src/000_index.tsx @@ -2,13 +2,13 @@ import * as React from "react"; import { createRoot } from "react-dom/client"; import "./css/App.css" import { ErrorInfo, useMemo, useState, } from "react"; -import { AppStateProvider, useAppState } from "./001_provider/001_AppStateProvider"; +import { AppStateProvider } from "./001_provider/001_AppStateProvider"; import { library } from "@fortawesome/fontawesome-svg-core"; import { fas } from "@fortawesome/free-solid-svg-icons"; import { far } from "@fortawesome/free-regular-svg-icons"; import { fab } from "@fortawesome/free-brands-svg-icons"; -import { AppRootProvider } from "./001_provider/001_AppRootProvider"; +import { AppRootProvider, useAppRoot } from "./001_provider/001_AppRootProvider"; import ErrorBoundary from "./001_provider/900_ErrorBoundary"; import { INDEXEDDB_KEY_CLIENT, INDEXEDDB_KEY_MODEL_DATA, INDEXEDDB_KEY_SERVER, INDEXEDDB_KEY_WORKLET, INDEXEDDB_KEY_WORKLETNODE, useIndexedDB } from "@dannadori/voice-changer-client-js"; import { CLIENT_TYPE, INDEXEDDB_KEY_AUDIO_OUTPUT } from "./const"; @@ -21,14 +21,14 @@ const container = document.getElementById("app")!; const root = createRoot(container); const App = () => { - const appState = useAppState() + const { appGuiSettingState } = useAppRoot() const front = useMemo(() => { - if (appState.appGuiSettingState.appGuiSetting.type == "demo") { + if (appGuiSettingState.appGuiSetting.type == "demo") { return } else { - return <>unknown gui type. {appState.appGuiSettingState.appGuiSetting.type} + return <>unknown gui type. {appGuiSettingState.appGuiSetting.type} } - }, [appState.appGuiSettingState.appGuiSetting.type]) + }, [appGuiSettingState.appGuiSetting.type]) return ( <> @@ -38,6 +38,7 @@ const App = () => { } const AppStateWrapper = () => { + const { appGuiSettingState } = useAppRoot() // エラーバウンダリー設定 const [error, setError] = useState<{ error: Error, errorInfo: ErrorInfo }>() const { removeItem } = useIndexedDB({ clientType: CLIENT_TYPE }) @@ -95,13 +96,18 @@ const AppStateWrapper = () => { setError({ error, errorInfo }) } - return ( - - - - - - ) + if (!appGuiSettingState.guiSettingLoaded) { + return <> + } else { + return ( + + + + + + ) + } + } root.render( diff --git a/client/demo_v13/src/001_globalHooks/001_useAppGuiSetting.ts b/client/demo_v13/src/001_globalHooks/001_useAppGuiSetting.ts index 67f2265d..190c25be 100644 --- a/client/demo_v13/src/001_globalHooks/001_useAppGuiSetting.ts +++ b/client/demo_v13/src/001_globalHooks/001_useAppGuiSetting.ts @@ -19,6 +19,7 @@ export type AppGuiDemoSetting = { "pyTorchEnable": boolean, "MMVCCorrespondense": boolean, "pyTorchClusterEnable": boolean, + "showPyTorchDefault": boolean }, "deviceSetting": {}, "qualityControl": { @@ -73,6 +74,7 @@ const InitialAppGuiDemoSetting: AppGuiDemoSetting = { "pyTorchEnable": false, "MMVCCorrespondense": false, "pyTorchClusterEnable": false, + "showPyTorchDefault": false }, "deviceSetting": {}, "qualityControl": { @@ -112,6 +114,7 @@ const InitialAppGuiDemoSetting: AppGuiDemoSetting = { export type AppGuiSettingState = { appGuiSetting: AppGuiSetting + guiSettingLoaded: boolean } export type AppGuiSettingStateAndMethod = AppGuiSettingState & { @@ -119,6 +122,7 @@ export type AppGuiSettingStateAndMethod = AppGuiSettingState & { } export const userAppGuiSetting = (): AppGuiSettingStateAndMethod => { + const [guiSettingLoaded, setGuiSettingLoaded] = useState(false) const [appGuiSetting, setAppGuiSetting] = useState(InitialAppGuiDemoSetting) const getAppSetting = async (url: string) => { const res = await fetch(`${url}`, { @@ -126,9 +130,11 @@ export const userAppGuiSetting = (): AppGuiSettingStateAndMethod => { }) const appSetting = await res.json() as AppGuiSetting setAppGuiSetting(appSetting) + setGuiSettingLoaded(true) } return { appGuiSetting, + guiSettingLoaded, getAppSetting, } } diff --git a/client/demo_v13/src/001_globalHooks/001_useVCClient.ts b/client/demo_v13/src/001_globalHooks/001_useVCClient.ts index e2992cab..edce7ef6 100644 --- a/client/demo_v13/src/001_globalHooks/001_useVCClient.ts +++ b/client/demo_v13/src/001_globalHooks/001_useVCClient.ts @@ -1,8 +1,9 @@ -import { ClientState, useClient } from "@dannadori/voice-changer-client-js" -import { AUDIO_ELEMENT_FOR_PLAY_RESULT, CLIENT_TYPE } from "../const" +import { ClientState, useClient, ClientType } from "@dannadori/voice-changer-client-js" +import { AUDIO_ELEMENT_FOR_PLAY_RESULT } from "../const" export type UseVCClientProps = { audioContext: AudioContext | null + clientType: ClientType } export type VCClientState = { @@ -10,9 +11,8 @@ export type VCClientState = { } export const useVCClient = (props: UseVCClientProps) => { - const clientState = useClient({ - clientType: CLIENT_TYPE, + clientType: props.clientType, audioContext: props.audioContext, audioOutputElementId: AUDIO_ELEMENT_FOR_PLAY_RESULT }) diff --git a/client/demo_v13/src/001_provider/001_AppRootProvider.tsx b/client/demo_v13/src/001_provider/001_AppRootProvider.tsx index 3655cd6e..3fd8be48 100644 --- a/client/demo_v13/src/001_provider/001_AppRootProvider.tsx +++ b/client/demo_v13/src/001_provider/001_AppRootProvider.tsx @@ -1,5 +1,6 @@ -import React, { useContext } from "react"; +import React, { useContext, useEffect } from "react"; import { ReactNode } from "react"; +import { AppGuiSettingStateAndMethod, userAppGuiSetting } from "../001_globalHooks/001_useAppGuiSetting"; import { AudioConfigState, useAudioConfig } from "../001_globalHooks/001_useAudioConfig"; type Props = { @@ -8,7 +9,7 @@ type Props = { type AppRootValue = { audioContextState: AudioConfigState - + appGuiSettingState: AppGuiSettingStateAndMethod } const AppRootContext = React.createContext(null); @@ -22,9 +23,17 @@ export const useAppRoot = (): AppRootValue => { export const AppRootProvider = ({ children }: Props) => { const audioContextState = useAudioConfig() + const appGuiSettingState = userAppGuiSetting() + + useEffect(() => { + const params = new URLSearchParams(window.location.search); + const modelType = params.get("modelType") || "" + appGuiSettingState.getAppSetting(`/assets/gui_settings/${modelType}.json`) + }, []) + const providerValue: AppRootValue = { audioContextState, + appGuiSettingState }; - return {children}; }; diff --git a/client/demo_v13/src/001_provider/001_AppStateProvider.tsx b/client/demo_v13/src/001_provider/001_AppStateProvider.tsx index c5838770..5421f0a4 100644 --- a/client/demo_v13/src/001_provider/001_AppStateProvider.tsx +++ b/client/demo_v13/src/001_provider/001_AppStateProvider.tsx @@ -1,7 +1,6 @@ import { ClientState } from "@dannadori/voice-changer-client-js"; import React, { useContext, useEffect, useRef } from "react"; import { ReactNode } from "react"; -import { AppGuiSettingStateAndMethod, userAppGuiSetting } from "../001_globalHooks/001_useAppGuiSetting"; import { useVCClient } from "../001_globalHooks/001_useVCClient"; import { useAppRoot } from "./001_AppRootProvider"; @@ -12,7 +11,6 @@ type Props = { type AppStateValue = ClientState & { audioContext: AudioContext initializedRef: React.MutableRefObject - appGuiSettingState: AppGuiSettingStateAndMethod } const AppStateContext = React.createContext(null); @@ -26,8 +24,8 @@ export const useAppState = (): AppStateValue => { export const AppStateProvider = ({ children }: Props) => { const appRoot = useAppRoot() - const clientState = useVCClient({ audioContext: appRoot.audioContextState.audioContext }) - const appGuiSettingState = userAppGuiSetting() + const clientState = useVCClient({ audioContext: appRoot.audioContextState.audioContext, clientType: appRoot.appGuiSettingState.appGuiSetting.id }) + const initializedRef = useRef(false) useEffect(() => { @@ -61,17 +59,12 @@ export const AppStateProvider = ({ children }: Props) => { } }, [clientState.clientState.initialized]) - useEffect(() => { - const params = new URLSearchParams(window.location.search); - const modelType = params.get("modelType") || "" - appGuiSettingState.getAppSetting(`/assets/gui_settings/${modelType}.json`) - }, []) + const providerValue: AppStateValue = { audioContext: appRoot.audioContextState.audioContext!, ...clientState.clientState, initializedRef, - appGuiSettingState }; return {children}; diff --git a/client/demo_v13/src/components/demo/010_Demo.tsx b/client/demo_v13/src/components/demo/010_Demo.tsx index d9836f17..5175ac4f 100644 --- a/client/demo_v13/src/components/demo/010_Demo.tsx +++ b/client/demo_v13/src/components/demo/010_Demo.tsx @@ -1,5 +1,4 @@ import React from "react" -import { AUDIO_ELEMENT_FOR_PLAY_RESULT, AUDIO_ELEMENT_FOR_TEST_CONVERTED, AUDIO_ELEMENT_FOR_TEST_CONVERTED_ECHOBACK, AUDIO_ELEMENT_FOR_TEST_ORIGINAL } from "../../const"; import { GuiStateProvider } from "./001_GuiStateProvider"; import { Dialogs } from "./900_Dialogs"; import { TitleArea } from "./100_TitleArea"; diff --git a/client/demo_v13/src/components/demo/101_Title.tsx b/client/demo_v13/src/components/demo/101_Title.tsx index 168d4c21..869a1b43 100644 --- a/client/demo_v13/src/components/demo/101_Title.tsx +++ b/client/demo_v13/src/components/demo/101_Title.tsx @@ -1,11 +1,11 @@ import React, { useMemo } from "react"; -import { useAppState } from "../../001_provider/001_AppStateProvider"; +import { useAppRoot } from "../../001_provider/001_AppRootProvider"; import { isDesktopApp } from "../../const"; import { useGuiState } from "./001_GuiStateProvider"; export const Title = () => { - const { appGuiSettingState } = useAppState() + const { appGuiSettingState } = useAppRoot() const guiState = useGuiState() const titleSetting = appGuiSettingState.appGuiSetting.front.title diff --git a/client/demo_v13/src/components/demo/102_ClearSettingRow.tsx b/client/demo_v13/src/components/demo/102_ClearSettingRow.tsx index eb06c8e8..0243e3c8 100644 --- a/client/demo_v13/src/components/demo/102_ClearSettingRow.tsx +++ b/client/demo_v13/src/components/demo/102_ClearSettingRow.tsx @@ -2,10 +2,12 @@ import React, { useMemo } from "react"; import { useAppState } from "../../001_provider/001_AppStateProvider"; import { useIndexedDB } from "@dannadori/voice-changer-client-js"; import { INDEXEDDB_KEY_AUDIO_OUTPUT } from "../../const"; +import { useAppRoot } from "../../001_provider/001_AppRootProvider"; export const ClearSettingRow = () => { const appState = useAppState() - const clientType = appState.appGuiSettingState.appGuiSetting.id + const { appGuiSettingState } = useAppRoot() + const clientType = appGuiSettingState.appGuiSetting.id const { removeItem } = useIndexedDB({ clientType: clientType }) diff --git a/client/demo_v13/src/components/demo/301_ModelUploaderRow.tsx b/client/demo_v13/src/components/demo/301_ModelUploaderRow.tsx index 28be9a3e..609386de 100644 --- a/client/demo_v13/src/components/demo/301_ModelUploaderRow.tsx +++ b/client/demo_v13/src/components/demo/301_ModelUploaderRow.tsx @@ -1,8 +1,15 @@ -import React, { useMemo } from "react" +import React, { useMemo, useEffect } from "react" +import { useAppRoot } from "../../001_provider/001_AppRootProvider" import { useGuiState } from "./001_GuiStateProvider" export const ModelUploaderRow = () => { const guiState = useGuiState() + const { appGuiSettingState } = useAppRoot() + useEffect(() => { + if (appGuiSettingState.appGuiSetting.front.modelSetting.showPyTorchDefault) { + guiState.setShowPyTorchModelUpload(true) + } + }, []) const modelUploaderRow = useMemo(() => { return ( diff --git a/client/demo_v13/src/components/demo/303_ONNXSelectRow.tsx b/client/demo_v13/src/components/demo/303_ONNXSelectRow.tsx index 5e344480..bf85b8e2 100644 --- a/client/demo_v13/src/components/demo/303_ONNXSelectRow.tsx +++ b/client/demo_v13/src/components/demo/303_ONNXSelectRow.tsx @@ -2,10 +2,13 @@ import React, { useMemo } from "react" import { fileSelector } from "@dannadori/voice-changer-client-js" import { useAppState } from "../../001_provider/001_AppStateProvider" +import { useAppRoot } from "../../001_provider/001_AppRootProvider" export const ONNXSelectRow = () => { const appState = useAppState() - const modelSetting = appState.appGuiSettingState.appGuiSetting.front.modelSetting + const { appGuiSettingState } = useAppRoot() + + const modelSetting = appGuiSettingState.appGuiSetting.front.modelSetting const onnxSelectRow = useMemo(() => { if (!modelSetting.ONNXEnable) { diff --git a/client/demo_v13/src/components/demo/304_PyTorchSelectRow.tsx b/client/demo_v13/src/components/demo/304_PyTorchSelectRow.tsx index 36b3d457..ab31e507 100644 --- a/client/demo_v13/src/components/demo/304_PyTorchSelectRow.tsx +++ b/client/demo_v13/src/components/demo/304_PyTorchSelectRow.tsx @@ -3,10 +3,12 @@ import { fileSelector } from "@dannadori/voice-changer-client-js" import { useAppState } from "../../001_provider/001_AppStateProvider" import { useGuiState } from "./001_GuiStateProvider" +import { useAppRoot } from "../../001_provider/001_AppRootProvider" export const PyTorchSelectRow = () => { const appState = useAppState() - const modelSetting = appState.appGuiSettingState.appGuiSetting.front.modelSetting + const { appGuiSettingState } = useAppRoot() + const modelSetting = appGuiSettingState.appGuiSetting.front.modelSetting const guiState = useGuiState() const pyTorchSelectRow = useMemo(() => { diff --git a/client/demo_v13/src/components/demo/305_CorrespondenceSelectRow.tsx b/client/demo_v13/src/components/demo/305_CorrespondenceSelectRow.tsx index f9895c6d..d5fc5ddc 100644 --- a/client/demo_v13/src/components/demo/305_CorrespondenceSelectRow.tsx +++ b/client/demo_v13/src/components/demo/305_CorrespondenceSelectRow.tsx @@ -2,10 +2,12 @@ import React, { useMemo } from "react" import { fileSelector, Correspondence } from "@dannadori/voice-changer-client-js" import { useAppState } from "../../001_provider/001_AppStateProvider" +import { useAppRoot } from "../../001_provider/001_AppRootProvider" export const CorrespondenceSelectRow = () => { const appState = useAppState() - const modelSetting = appState.appGuiSettingState.appGuiSetting.front.modelSetting + const { appGuiSettingState } = useAppRoot() + const modelSetting = appGuiSettingState.appGuiSetting.front.modelSetting const CorrespondenceSelectRow = useMemo(() => { if (!modelSetting.MMVCCorrespondense) { diff --git a/client/demo_v13/src/components/demo/306_PyTorchClusterSelectRow.tsx b/client/demo_v13/src/components/demo/306_PyTorchClusterSelectRow.tsx index 0b681982..b7ceff37 100644 --- a/client/demo_v13/src/components/demo/306_PyTorchClusterSelectRow.tsx +++ b/client/demo_v13/src/components/demo/306_PyTorchClusterSelectRow.tsx @@ -2,10 +2,12 @@ import React, { useMemo } from "react" import { fileSelector } from "@dannadori/voice-changer-client-js" import { useAppState } from "../../001_provider/001_AppStateProvider" +import { useAppRoot } from "../../001_provider/001_AppRootProvider" export const PyTorchClusterSelectRow = () => { const appState = useAppState() - const modelSetting = appState.appGuiSettingState.appGuiSetting.front.modelSetting + const { appGuiSettingState } = useAppRoot() + const modelSetting = appGuiSettingState.appGuiSetting.front.modelSetting const pyTorchSelectRow = useMemo(() => { if (!modelSetting.pyTorchClusterEnable) { diff --git a/client/demo_v13/src/components/demo/403_AudioOutputRow.tsx b/client/demo_v13/src/components/demo/403_AudioOutputRow.tsx index 51b18a34..db526bfe 100644 --- a/client/demo_v13/src/components/demo/403_AudioOutputRow.tsx +++ b/client/demo_v13/src/components/demo/403_AudioOutputRow.tsx @@ -1,13 +1,13 @@ import React, { useMemo, useEffect } from "react" import { useGuiState } from "./001_GuiStateProvider" import { useIndexedDB } from "@dannadori/voice-changer-client-js" -import { useAppState } from "../../001_provider/001_AppStateProvider" import { AUDIO_ELEMENT_FOR_PLAY_RESULT, AUDIO_ELEMENT_FOR_TEST_CONVERTED_ECHOBACK, AUDIO_ELEMENT_FOR_TEST_ORIGINAL, INDEXEDDB_KEY_AUDIO_OUTPUT } from "../../const" +import { useAppRoot } from "../../001_provider/001_AppRootProvider" export const AudioOutputRow = () => { const guiState = useGuiState() - const appState = useAppState() - const clientType = appState.appGuiSettingState.appGuiSetting.id + const { appGuiSettingState } = useAppRoot() + const clientType = appGuiSettingState.appGuiSetting.id const { getItem, setItem } = useIndexedDB({ clientType: clientType }) diff --git a/client/demo_v13/src/components/demo/503_F0DetectorRow.tsx b/client/demo_v13/src/components/demo/503_F0DetectorRow.tsx index ac22c6bb..1fb5a538 100644 --- a/client/demo_v13/src/components/demo/503_F0DetectorRow.tsx +++ b/client/demo_v13/src/components/demo/503_F0DetectorRow.tsx @@ -1,10 +1,12 @@ import React, { useMemo } from "react" import { useAppState } from "../../001_provider/001_AppStateProvider" import { F0Detector } from "@dannadori/voice-changer-client-js"; +import { useAppRoot } from "../../001_provider/001_AppRootProvider"; export const F0DetectorRow = () => { const appState = useAppState() - const qualityControlSetting = appState.appGuiSettingState.appGuiSetting.front.qualityControl + const { appGuiSettingState } = useAppRoot() + const qualityControlSetting = appGuiSettingState.appGuiSetting.front.qualityControl const f0DetectorRow = useMemo(() => { if (!qualityControlSetting.F0DetectorEnable) { return <> diff --git a/client/demo_v13/src/components/demo/601_SrcIdRow.tsx b/client/demo_v13/src/components/demo/601_SrcIdRow.tsx index 2178c3c2..4bffd79a 100644 --- a/client/demo_v13/src/components/demo/601_SrcIdRow.tsx +++ b/client/demo_v13/src/components/demo/601_SrcIdRow.tsx @@ -1,9 +1,11 @@ import React, { useMemo } from "react" +import { useAppRoot } from "../../001_provider/001_AppRootProvider" import { useAppState } from "../../001_provider/001_AppStateProvider" export const SrcIdRow = () => { const appState = useAppState() - const speakerSetting = appState.appGuiSettingState.appGuiSetting.front.speakerSetting + const { appGuiSettingState } = useAppRoot() + const speakerSetting = appGuiSettingState.appGuiSetting.front.speakerSetting const srcIdRow = useMemo(() => { if (!speakerSetting.srcIdEnable) { diff --git a/client/demo_v13/src/components/demo/602_DstIdRow.tsx b/client/demo_v13/src/components/demo/602_DstIdRow.tsx index 2346e884..78b2af0c 100644 --- a/client/demo_v13/src/components/demo/602_DstIdRow.tsx +++ b/client/demo_v13/src/components/demo/602_DstIdRow.tsx @@ -1,14 +1,17 @@ import React, { useMemo } from "react" +import { useAppRoot } from "../../001_provider/001_AppRootProvider" import { useAppState } from "../../001_provider/001_AppStateProvider" - +import { ServerInfoSoVitsSVC } from "@dannadori/voice-changer-client-js"; export const DstIdRow = () => { const appState = useAppState() - const speakerSetting = appState.appGuiSettingState.appGuiSetting.front.speakerSetting + const { appGuiSettingState } = useAppRoot() + const clientId = appGuiSettingState.appGuiSetting.id const dstIdRow = useMemo(() => { - if (speakerSetting.showSpeakerF0) { + if (clientId != "MMVCv13") { return <> } + return (
Destination Speaker Id
@@ -31,10 +34,8 @@ export const DstIdRow = () => { ) }, [appState.serverSetting.serverSetting, appState.clientSetting.clientSetting.speakers, appState.serverSetting.updateServerSettings]) - - const dstIdRowWithF0 = useMemo(() => { - if (!speakerSetting.showSpeakerF0) { + if (clientId != "MMVCv15") { return <> } const selected = appState.clientSetting.clientSetting.correspondences?.find(x => { @@ -63,16 +64,45 @@ export const DstIdRow = () => {
) - - - }, [appState.serverSetting.serverSetting, appState.serverSetting.updateServerSettings, appState.clientSetting.clientSetting.correspondences]) + const dstIdRowFromServer = useMemo(() => { + const settings = appState.serverSetting.serverSetting as ServerInfoSoVitsSVC + const speakers = settings.speakers + if (!speakers) { + return <> + } + + const currentValue = Object.values(speakers).includes(appState.serverSetting.serverSetting.dstId) ? appState.serverSetting.serverSetting.dstId : -1 + + return ( +
+
Destination Speaker Id
+
+ +
+
+
+
+
+ ) + }, [appState.serverSetting.serverSetting, appState.serverSetting.updateServerSettings, appState.clientSetting.clientSetting.correspondences]) return ( <> {dstIdRow} {dstIdRowWithF0} + {dstIdRowFromServer} ) } \ No newline at end of file diff --git a/client/demo_v13/src/components/demo/603_EditSpeakerIdMappingRow.tsx b/client/demo_v13/src/components/demo/603_EditSpeakerIdMappingRow.tsx index d7ede661..982824c2 100644 --- a/client/demo_v13/src/components/demo/603_EditSpeakerIdMappingRow.tsx +++ b/client/demo_v13/src/components/demo/603_EditSpeakerIdMappingRow.tsx @@ -1,9 +1,11 @@ import React, { useMemo, useState } from "react" +import { useAppRoot } from "../../001_provider/001_AppRootProvider" import { useAppState } from "../../001_provider/001_AppStateProvider" export const EditSpeakerIdMappingRow = () => { const appState = useAppState() - const speakerSetting = appState.appGuiSettingState.appGuiSetting.front.speakerSetting + const { appGuiSettingState } = useAppRoot() + const speakerSetting = appGuiSettingState.appGuiSetting.front.speakerSetting const [editSpeakerTargetId, setEditSpeakerTargetId] = useState(0) const [editSpeakerTargetName, setEditSpeakerTargetName] = useState("") diff --git a/client/demo_v13/src/components/demo/604_F0FactorRow.tsx b/client/demo_v13/src/components/demo/604_F0FactorRow.tsx index f43eded9..345b27a7 100644 --- a/client/demo_v13/src/components/demo/604_F0FactorRow.tsx +++ b/client/demo_v13/src/components/demo/604_F0FactorRow.tsx @@ -1,9 +1,11 @@ import React, { useMemo } from "react" +import { useAppRoot } from "../../001_provider/001_AppRootProvider" import { useAppState } from "../../001_provider/001_AppStateProvider" export const F0FactorRow = () => { const appState = useAppState() - const speakerSetting = appState.appGuiSettingState.appGuiSetting.front.speakerSetting + const { appGuiSettingState } = useAppRoot() + const speakerSetting = appGuiSettingState.appGuiSetting.front.speakerSetting const f0FactorRow = useMemo(() => { if (!speakerSetting.f0FactorEnable) { diff --git a/client/demo_v13/src/components/demo/605_TuneRow.tsx b/client/demo_v13/src/components/demo/605_TuneRow.tsx index 0b2346b8..25c5621e 100644 --- a/client/demo_v13/src/components/demo/605_TuneRow.tsx +++ b/client/demo_v13/src/components/demo/605_TuneRow.tsx @@ -1,9 +1,11 @@ import React, { useMemo } from "react" +import { useAppRoot } from "../../001_provider/001_AppRootProvider" import { useAppState } from "../../001_provider/001_AppStateProvider" export const TuneRow = () => { const appState = useAppState() - const speakerSetting = appState.appGuiSettingState.appGuiSetting.front.speakerSetting + const { appGuiSettingState } = useAppRoot() + const speakerSetting = appGuiSettingState.appGuiSetting.front.speakerSetting const tuneRow = useMemo(() => { if (!speakerSetting.tuningEnable) { diff --git a/client/demo_v13/src/components/demo/606_ClusterInferRatioRow.tsx b/client/demo_v13/src/components/demo/606_ClusterInferRatioRow.tsx index 7907efce..d9ef956e 100644 --- a/client/demo_v13/src/components/demo/606_ClusterInferRatioRow.tsx +++ b/client/demo_v13/src/components/demo/606_ClusterInferRatioRow.tsx @@ -1,9 +1,12 @@ import React, { useMemo } from "react" +import { useAppRoot } from "../../001_provider/001_AppRootProvider" import { useAppState } from "../../001_provider/001_AppStateProvider" export const ClusterInferRatioRow = () => { const appState = useAppState() - const speakerSetting = appState.appGuiSettingState.appGuiSetting.front.speakerSetting + const { appGuiSettingState } = useAppRoot() + + const speakerSetting = appGuiSettingState.appGuiSetting.front.speakerSetting const clusterRatioRow = useMemo(() => { if (!speakerSetting.clusterInferRationEnable) { diff --git a/client/demo_v13/src/components/demo/607_NoiseScaleRow.tsx b/client/demo_v13/src/components/demo/607_NoiseScaleRow.tsx index 3bae9feb..27099623 100644 --- a/client/demo_v13/src/components/demo/607_NoiseScaleRow.tsx +++ b/client/demo_v13/src/components/demo/607_NoiseScaleRow.tsx @@ -1,9 +1,11 @@ import React, { useMemo } from "react" +import { useAppRoot } from "../../001_provider/001_AppRootProvider" import { useAppState } from "../../001_provider/001_AppStateProvider" export const NoiseScaleRow = () => { const appState = useAppState() - const speakerSetting = appState.appGuiSettingState.appGuiSetting.front.speakerSetting + const { appGuiSettingState } = useAppRoot() + const speakerSetting = appGuiSettingState.appGuiSetting.front.speakerSetting const noiseScaleRow = useMemo(() => { if (!speakerSetting.noiseScaleEnable) { diff --git a/client/demo_v13/src/components/demo/608_SilentThresholdRow.tsx b/client/demo_v13/src/components/demo/608_SilentThresholdRow.tsx index 70bd6b84..249e76b3 100644 --- a/client/demo_v13/src/components/demo/608_SilentThresholdRow.tsx +++ b/client/demo_v13/src/components/demo/608_SilentThresholdRow.tsx @@ -1,9 +1,12 @@ import React, { useMemo } from "react" +import { useAppRoot } from "../../001_provider/001_AppRootProvider" import { useAppState } from "../../001_provider/001_AppStateProvider" export const SilentThresholdRow = () => { const appState = useAppState() - const speakerSetting = appState.appGuiSettingState.appGuiSetting.front.speakerSetting + const { appGuiSettingState } = useAppRoot() + + const speakerSetting = appGuiSettingState.appGuiSetting.front.speakerSetting const silentThresholdRow = useMemo(() => { if (!speakerSetting.silentThresholdEnable) { diff --git a/client/demo_v13/src/components/demo/702_ExtraDataLengthRow.tsx b/client/demo_v13/src/components/demo/702_ExtraDataLengthRow.tsx index f367404f..bd71b616 100644 --- a/client/demo_v13/src/components/demo/702_ExtraDataLengthRow.tsx +++ b/client/demo_v13/src/components/demo/702_ExtraDataLengthRow.tsx @@ -1,9 +1,11 @@ import React, { useMemo } from "react" +import { useAppRoot } from "../../001_provider/001_AppRootProvider" import { useAppState } from "../../001_provider/001_AppStateProvider" export const ExtraDataLengthRow = () => { const appState = useAppState() - const converterSetting = appState.appGuiSettingState.appGuiSetting.front.converterSetting + const { appGuiSettingState } = useAppRoot() + const converterSetting = appGuiSettingState.appGuiSetting.front.converterSetting const extraDataLengthRow = useMemo(() => { diff --git a/client/demo_v13/src/components/demo/801_ServerURLRow.tsx b/client/demo_v13/src/components/demo/801_ServerURLRow.tsx index 07eadacb..46a15237 100644 --- a/client/demo_v13/src/components/demo/801_ServerURLRow.tsx +++ b/client/demo_v13/src/components/demo/801_ServerURLRow.tsx @@ -1,9 +1,11 @@ import React, { useMemo } from "react" +import { useAppRoot } from "../../001_provider/001_AppRootProvider" import { useAppState } from "../../001_provider/001_AppStateProvider" export const ServerURLRow = () => { const appState = useAppState() - const advancedSetting = appState.appGuiSettingState.appGuiSetting.front.advancedSetting + const { appGuiSettingState } = useAppRoot() + const advancedSetting = appGuiSettingState.appGuiSetting.front.advancedSetting const serverUrlRow = useMemo(() => { if (!advancedSetting.serverURLEnable) { diff --git a/client/demo_v13/src/components/demo/802_ProtocolRow.tsx b/client/demo_v13/src/components/demo/802_ProtocolRow.tsx index 04edf91f..74f45d5f 100644 --- a/client/demo_v13/src/components/demo/802_ProtocolRow.tsx +++ b/client/demo_v13/src/components/demo/802_ProtocolRow.tsx @@ -1,10 +1,12 @@ import React, { useMemo } from "react" import { useAppState } from "../../001_provider/001_AppStateProvider" import { Protocol } from "@dannadori/voice-changer-client-js" +import { useAppRoot } from "../../001_provider/001_AppRootProvider" export const ProtocolRow = () => { const appState = useAppState() - const advancedSetting = appState.appGuiSettingState.appGuiSetting.front.advancedSetting + const { appGuiSettingState } = useAppRoot() + const advancedSetting = appGuiSettingState.appGuiSetting.front.advancedSetting const protocolRow = useMemo(() => { if (!advancedSetting.protocolEnable) { diff --git a/client/demo_v13/src/components/demo/803_SampleRateRow.tsx b/client/demo_v13/src/components/demo/803_SampleRateRow.tsx index 35d8882b..5ce4b4dd 100644 --- a/client/demo_v13/src/components/demo/803_SampleRateRow.tsx +++ b/client/demo_v13/src/components/demo/803_SampleRateRow.tsx @@ -1,10 +1,12 @@ import React, { useMemo } from "react" import { useAppState } from "../../001_provider/001_AppStateProvider" import { SampleRate } from "@dannadori/voice-changer-client-js" +import { useAppRoot } from "../../001_provider/001_AppRootProvider" export const SampleRateRow = () => { const appState = useAppState() - const advancedSetting = appState.appGuiSettingState.appGuiSetting.front.advancedSetting + const { appGuiSettingState } = useAppRoot() + const advancedSetting = appGuiSettingState.appGuiSetting.front.advancedSetting const sampleRateRow = useMemo(() => { if (!advancedSetting.sampleRateEnable) { diff --git a/client/demo_v13/src/components/demo/804_SendingSampleRateRow.tsx b/client/demo_v13/src/components/demo/804_SendingSampleRateRow.tsx index 76c6fb5d..e3492692 100644 --- a/client/demo_v13/src/components/demo/804_SendingSampleRateRow.tsx +++ b/client/demo_v13/src/components/demo/804_SendingSampleRateRow.tsx @@ -1,10 +1,13 @@ import React, { useMemo } from "react" import { useAppState } from "../../001_provider/001_AppStateProvider" import { InputSampleRate } from "@dannadori/voice-changer-client-js" +import { useAppRoot } from "../../001_provider/001_AppRootProvider" export const SendingSampleRateRow = () => { const appState = useAppState() - const advancedSetting = appState.appGuiSettingState.appGuiSetting.front.advancedSetting + const { appGuiSettingState } = useAppRoot() + + const advancedSetting = appGuiSettingState.appGuiSetting.front.advancedSetting const sendingSampleRateRow = useMemo(() => { if (!advancedSetting.sendingSampleRateEnable) { diff --git a/client/demo_v13/src/components/demo/805_CrossFadeOverlapSizeRow.tsx b/client/demo_v13/src/components/demo/805_CrossFadeOverlapSizeRow.tsx index d59b9c0a..6b79813b 100644 --- a/client/demo_v13/src/components/demo/805_CrossFadeOverlapSizeRow.tsx +++ b/client/demo_v13/src/components/demo/805_CrossFadeOverlapSizeRow.tsx @@ -1,10 +1,13 @@ import React, { useMemo } from "react" import { useAppState } from "../../001_provider/001_AppStateProvider" import { CrossFadeOverlapSize } from "@dannadori/voice-changer-client-js" +import { useAppRoot } from "../../001_provider/001_AppRootProvider" export const CrossFadeOverlapSizeRow = () => { const appState = useAppState() - const advancedSetting = appState.appGuiSettingState.appGuiSetting.front.advancedSetting + const { appGuiSettingState } = useAppRoot() + + const advancedSetting = appGuiSettingState.appGuiSetting.front.advancedSetting const crossFadeOverlapSizeRow = useMemo(() => { if (!advancedSetting.crossFadeOverlapSizeEnable) { diff --git a/client/demo_v13/src/components/demo/806_CrossFadeOffsetRateRow.tsx b/client/demo_v13/src/components/demo/806_CrossFadeOffsetRateRow.tsx index 0dd2eb81..dac220dd 100644 --- a/client/demo_v13/src/components/demo/806_CrossFadeOffsetRateRow.tsx +++ b/client/demo_v13/src/components/demo/806_CrossFadeOffsetRateRow.tsx @@ -1,9 +1,12 @@ import React, { useMemo } from "react" +import { useAppRoot } from "../../001_provider/001_AppRootProvider" import { useAppState } from "../../001_provider/001_AppStateProvider" export const CrossFadeOffsetRateRow = () => { const appState = useAppState() - const advancedSetting = appState.appGuiSettingState.appGuiSetting.front.advancedSetting + const { appGuiSettingState } = useAppRoot() + + const advancedSetting = appGuiSettingState.appGuiSetting.front.advancedSetting const crossFadeOffsetRateRow = useMemo(() => { if (!advancedSetting.crossFadeOffsetRateEnable) { diff --git a/client/demo_v13/src/components/demo/807_CrossFadeEndRateRow.tsx b/client/demo_v13/src/components/demo/807_CrossFadeEndRateRow.tsx index 8a27e915..1675a978 100644 --- a/client/demo_v13/src/components/demo/807_CrossFadeEndRateRow.tsx +++ b/client/demo_v13/src/components/demo/807_CrossFadeEndRateRow.tsx @@ -1,9 +1,12 @@ import React, { useMemo } from "react" +import { useAppRoot } from "../../001_provider/001_AppRootProvider" import { useAppState } from "../../001_provider/001_AppStateProvider" export const CrossFadeEndRateRow = () => { const appState = useAppState() - const advancedSetting = appState.appGuiSettingState.appGuiSetting.front.advancedSetting + const { appGuiSettingState } = useAppRoot() + + const advancedSetting = appGuiSettingState.appGuiSetting.front.advancedSetting const crossFadeEndRateRow = useMemo(() => { if (!advancedSetting.crossFadeEndRateEnable) { diff --git a/client/demo_v13/src/components/demo/808_DownSamplingModeRow.tsx b/client/demo_v13/src/components/demo/808_DownSamplingModeRow.tsx index 232d1143..83a33f1a 100644 --- a/client/demo_v13/src/components/demo/808_DownSamplingModeRow.tsx +++ b/client/demo_v13/src/components/demo/808_DownSamplingModeRow.tsx @@ -1,10 +1,13 @@ import React, { useMemo } from "react" import { useAppState } from "../../001_provider/001_AppStateProvider" import { DownSamplingMode } from "@dannadori/voice-changer-client-js" +import { useAppRoot } from "../../001_provider/001_AppRootProvider" export const DownSamplingModeRow = () => { const appState = useAppState() - const advancedSetting = appState.appGuiSettingState.appGuiSetting.front.advancedSetting + const { appGuiSettingState } = useAppRoot() + + const advancedSetting = appGuiSettingState.appGuiSetting.front.advancedSetting const downSamplingModeRow = useMemo(() => { if (!advancedSetting.downSamplingModeEnable) { diff --git a/client/demo_v13/src/components/demo/809_TrancateNumTresholdRow.tsx b/client/demo_v13/src/components/demo/809_TrancateNumTresholdRow.tsx index 81553fe0..961c294b 100644 --- a/client/demo_v13/src/components/demo/809_TrancateNumTresholdRow.tsx +++ b/client/demo_v13/src/components/demo/809_TrancateNumTresholdRow.tsx @@ -1,9 +1,12 @@ import React, { useMemo } from "react" +import { useAppRoot } from "../../001_provider/001_AppRootProvider" import { useAppState } from "../../001_provider/001_AppStateProvider" export const TrancateNumTresholdRow = () => { const appState = useAppState() - const advancedSetting = appState.appGuiSettingState.appGuiSetting.front.advancedSetting + const { appGuiSettingState } = useAppRoot() + + const advancedSetting = appGuiSettingState.appGuiSetting.front.advancedSetting const trancateNumTresholdRow = useMemo(() => { if (!advancedSetting.trancateNumTresholdEnable) { diff --git a/client/demo_v13/src/components/demo/901_LicenseDialog.tsx b/client/demo_v13/src/components/demo/901_LicenseDialog.tsx index ef358e6a..79786090 100644 --- a/client/demo_v13/src/components/demo/901_LicenseDialog.tsx +++ b/client/demo_v13/src/components/demo/901_LicenseDialog.tsx @@ -1,10 +1,10 @@ import React, { useMemo } from "react"; -import { useAppState } from "../../001_provider/001_AppStateProvider"; +import { useAppRoot } from "../../001_provider/001_AppRootProvider"; import { useGuiState } from "./001_GuiStateProvider"; export const LicenseDialog = () => { - const { appGuiSettingState } = useAppState() + const { appGuiSettingState } = useAppRoot() const guiState = useGuiState() const licenses = appGuiSettingState.appGuiSetting.dialogs.license diff --git a/server/const.py b/server/const.py index e1562345..dd1ea484 100644 --- a/server/const.py +++ b/server/const.py @@ -35,6 +35,23 @@ def setModelType(_modelType: str): def getFrontendPath(): + if modelType == "MMVCv15": + frontend_path = os.path.join(sys._MEIPASS, "dist_v13") if hasattr(sys, "_MEIPASS") else "../client/demo_v13/dist" + elif modelType == "MMVCv13": + frontend_path = os.path.join(sys._MEIPASS, "dist_v13") if hasattr(sys, "_MEIPASS") else "../client/demo_v13/dist" + elif modelType == "so-vits-svc-40": + frontend_path = os.path.join(sys._MEIPASS, "dist_v13") if hasattr(sys, "_MEIPASS") else "../client/demo_v13/dist" + elif modelType == "so-vits-svc-40v2": + frontend_path = os.path.join(sys._MEIPASS, "dist_v13") if hasattr(sys, "_MEIPASS") else "../client/demo_v13/dist" + elif modelType == "DDSP-SVC": + frontend_path = os.path.join(sys._MEIPASS, "dist_v13") if hasattr(sys, "_MEIPASS") else "../client/demo_v13/dist" + elif modelType == "so-vits-svc-40_c": + frontend_path = os.path.join(sys._MEIPASS, "dist_v13") if hasattr(sys, "_MEIPASS") \ + else "../client/demo_v13/dist" + return frontend_path + + +def getFrontendPath2(): if modelType == "MMVCv15": frontend_path = os.path.join(sys._MEIPASS, "dist_v15") if hasattr(sys, "_MEIPASS") else "../client/demo_v15/dist" elif modelType == "MMVCv13":