diff --git a/client/demo/dist/index.js b/client/demo/dist/index.js index ba00b74b..9f94c9ac 100644 --- a/client/demo/dist/index.js +++ b/client/demo/dist/index.js @@ -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 */ \"addToCatalog\": () => (/* binding */ addToCatalog),\n/* harmony export */ \"catalog\": () => (/* binding */ catalog),\n/* harmony export */ \"generateComponent\": () => (/* binding */ generateComponent)\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 _components_102_ClearSettingRow__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./components/102_ClearSettingRow */ \"./src/components/demo/components/102_ClearSettingRow.tsx\");\n/* harmony import */ var _components_101_Title__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./components/101_Title */ \"./src/components/demo/components/101_Title.tsx\");\n/* harmony import */ var _components_201_StartButtonRow__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./components/201_StartButtonRow */ \"./src/components/demo/components/201_StartButtonRow.tsx\");\n/* harmony import */ var _components_202_PerformanceRow__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./components/202_PerformanceRow */ \"./src/components/demo/components/202_PerformanceRow.tsx\");\n/* harmony import */ var _components_203_ServerInfoRow__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./components/203_ServerInfoRow */ \"./src/components/demo/components/203_ServerInfoRow.tsx\");\n/* harmony import */ var _components_301_ModelUploaderRow__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./components/301_ModelUploaderRow */ \"./src/components/demo/components/301_ModelUploaderRow.tsx\");\n/* harmony import */ var _components_302_FrameworkRow__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./components/302_FrameworkRow */ \"./src/components/demo/components/302_FrameworkRow.tsx\");\n/* harmony import */ var _components_401_AudioInputRow__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./components/401_AudioInputRow */ \"./src/components/demo/components/401_AudioInputRow.tsx\");\n/* harmony import */ var _components_402_AudioOutputRow__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./components/402_AudioOutputRow */ \"./src/components/demo/components/402_AudioOutputRow.tsx\");\n/* harmony import */ var _components_502_GainControlRow__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./components/502_GainControlRow */ \"./src/components/demo/components/502_GainControlRow.tsx\");\n/* harmony import */ var _components_501_NoiseControlRow__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./components/501_NoiseControlRow */ \"./src/components/demo/components/501_NoiseControlRow.tsx\");\n/* harmony import */ var _components_503_F0DetectorRow__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./components/503_F0DetectorRow */ \"./src/components/demo/components/503_F0DetectorRow.tsx\");\n/* harmony import */ var _components_990_DividerRow__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./components/990_DividerRow */ \"./src/components/demo/components/990_DividerRow.tsx\");\n/* harmony import */ var _components_510_AnalyzerRow__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./components/510_AnalyzerRow */ \"./src/components/demo/components/510_AnalyzerRow.tsx\");\n/* harmony import */ var _components_601_SrcIdRow__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./components/601_SrcIdRow */ \"./src/components/demo/components/601_SrcIdRow.tsx\");\n/* harmony import */ var _components_602_DstIdRow__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./components/602_DstIdRow */ \"./src/components/demo/components/602_DstIdRow.tsx\");\n/* harmony import */ var _components_603_EditSpeakerIdMappingRow__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./components/603_EditSpeakerIdMappingRow */ \"./src/components/demo/components/603_EditSpeakerIdMappingRow.tsx\");\n/* harmony import */ var _components_604_F0FactorRow__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./components/604_F0FactorRow */ \"./src/components/demo/components/604_F0FactorRow.tsx\");\n/* harmony import */ var _components_605_TuneRow__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./components/605_TuneRow */ \"./src/components/demo/components/605_TuneRow.tsx\");\n/* harmony import */ var _components_606_ClusterInferRatioRow__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./components/606_ClusterInferRatioRow */ \"./src/components/demo/components/606_ClusterInferRatioRow.tsx\");\n/* harmony import */ var _components_607_NoiseScaleRow__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./components/607_NoiseScaleRow */ \"./src/components/demo/components/607_NoiseScaleRow.tsx\");\n/* harmony import */ var _components_608_SilentThresholdRow__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./components/608_SilentThresholdRow */ \"./src/components/demo/components/608_SilentThresholdRow.tsx\");\n/* harmony import */ var _components_701_InputChunkNumRow__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./components/701_InputChunkNumRow */ \"./src/components/demo/components/701_InputChunkNumRow.tsx\");\n/* harmony import */ var _components_702_ExtraDataLengthRow__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./components/702_ExtraDataLengthRow */ \"./src/components/demo/components/702_ExtraDataLengthRow.tsx\");\n/* harmony import */ var _components_703_GPURow__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ./components/703_GPURow */ \"./src/components/demo/components/703_GPURow.tsx\");\n/* harmony import */ var _components_801_ServerURLRow__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ./components/801_ServerURLRow */ \"./src/components/demo/components/801_ServerURLRow.tsx\");\n/* harmony import */ var _components_802_ProtocolRow__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ./components/802_ProtocolRow */ \"./src/components/demo/components/802_ProtocolRow.tsx\");\n/* harmony import */ var _components_803_SampleRateRow__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ./components/803_SampleRateRow */ \"./src/components/demo/components/803_SampleRateRow.tsx\");\n/* harmony import */ var _components_804_SendingSampleRateRow__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ./components/804_SendingSampleRateRow */ \"./src/components/demo/components/804_SendingSampleRateRow.tsx\");\n/* harmony import */ var _components_805_CrossFadeOverlapSizeRow__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! ./components/805_CrossFadeOverlapSizeRow */ \"./src/components/demo/components/805_CrossFadeOverlapSizeRow.tsx\");\n/* harmony import */ var _components_806_CrossFadeOffsetRateRow__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! ./components/806_CrossFadeOffsetRateRow */ \"./src/components/demo/components/806_CrossFadeOffsetRateRow.tsx\");\n/* harmony import */ var _components_807_CrossFadeEndRateRow__WEBPACK_IMPORTED_MODULE_32__ = __webpack_require__(/*! ./components/807_CrossFadeEndRateRow */ \"./src/components/demo/components/807_CrossFadeEndRateRow.tsx\");\n/* harmony import */ var _components_808_DownSamplingModeRow__WEBPACK_IMPORTED_MODULE_33__ = __webpack_require__(/*! ./components/808_DownSamplingModeRow */ \"./src/components/demo/components/808_DownSamplingModeRow.tsx\");\n/* harmony import */ var _components_809_TrancateNumTresholdRow__WEBPACK_IMPORTED_MODULE_34__ = __webpack_require__(/*! ./components/809_TrancateNumTresholdRow */ \"./src/components/demo/components/809_TrancateNumTresholdRow.tsx\");\n/* harmony import */ var _components_609_IndexRatioRow__WEBPACK_IMPORTED_MODULE_35__ = __webpack_require__(/*! ./components/609_IndexRatioRow */ \"./src/components/demo/components/609_IndexRatioRow.tsx\");\n/* harmony import */ var _components_810_RVCQualityRow__WEBPACK_IMPORTED_MODULE_36__ = __webpack_require__(/*! ./components/810_RVCQualityRow */ \"./src/components/demo/components/810_RVCQualityRow.tsx\");\n/* harmony import */ var _components_303_ModelSamplingRateRow__WEBPACK_IMPORTED_MODULE_37__ = __webpack_require__(/*! ./components/303_ModelSamplingRateRow */ \"./src/components/demo/components/303_ModelSamplingRateRow.tsx\");\n/* harmony import */ var _components_610_EnableEnhancerRow__WEBPACK_IMPORTED_MODULE_38__ = __webpack_require__(/*! ./components/610_EnableEnhancerRow */ \"./src/components/demo/components/610_EnableEnhancerRow.tsx\");\n/* harmony import */ var _components_602v2_DstIdRow2__WEBPACK_IMPORTED_MODULE_39__ = __webpack_require__(/*! ./components/602v2_DstIdRow2 */ \"./src/components/demo/components/602v2_DstIdRow2.tsx\");\n/* harmony import */ var _components_812_SilenceFrontRow__WEBPACK_IMPORTED_MODULE_40__ = __webpack_require__(/*! ./components/812_SilenceFrontRow */ \"./src/components/demo/components/812_SilenceFrontRow.tsx\");\n/* harmony import */ var _components_205_ONNXExportRow__WEBPACK_IMPORTED_MODULE_41__ = __webpack_require__(/*! ./components/205_ONNXExportRow */ \"./src/components/demo/components/205_ONNXExportRow.tsx\");\n/* harmony import */ var _components_206_ONNXExecutorRow__WEBPACK_IMPORTED_MODULE_42__ = __webpack_require__(/*! ./components/206_ONNXExecutorRow */ \"./src/components/demo/components/206_ONNXExecutorRow.tsx\");\n/* harmony import */ var _components_a01_MergeLab_Row__WEBPACK_IMPORTED_MODULE_43__ = __webpack_require__(/*! ./components/a01_MergeLab.Row */ \"./src/components/demo/components/a01_MergeLab.Row.tsx\");\n/* harmony import */ var _components_204v2_ModelSwitchRow__WEBPACK_IMPORTED_MODULE_44__ = __webpack_require__(/*! ./components/204v2_ModelSwitchRow */ \"./src/components/demo/components/204v2_ModelSwitchRow.tsx\");\n/* harmony import */ var _components_813_EnableDirectMLRow__WEBPACK_IMPORTED_MODULE_45__ = __webpack_require__(/*! ./components/813_EnableDirectMLRow */ \"./src/components/demo/components/813_EnableDirectMLRow.tsx\");\n/* harmony import */ var _components_410_AudioDeviceModeRow__WEBPACK_IMPORTED_MODULE_46__ = __webpack_require__(/*! ./components/410_AudioDeviceModeRow */ \"./src/components/demo/components/410_AudioDeviceModeRow.tsx\");\n/* harmony import */ var _components_411_IOBufferRow__WEBPACK_IMPORTED_MODULE_47__ = __webpack_require__(/*! ./components/411_IOBufferRow */ \"./src/components/demo/components/411_IOBufferRow.tsx\");\n/* harmony import */ var _components_301_e_CommonFileSelectRow__WEBPACK_IMPORTED_MODULE_48__ = __webpack_require__(/*! ./components/301-e_CommonFileSelectRow */ \"./src/components/demo/components/301-e_CommonFileSelectRow.tsx\");\n/* harmony import */ var _components_301_f_ModelUploadButtonRow__WEBPACK_IMPORTED_MODULE_49__ = __webpack_require__(/*! ./components/301-f_ModelUploadButtonRow */ \"./src/components/demo/components/301-f_ModelUploadButtonRow.tsx\");\n/* harmony import */ var _components_301_ModelUploaderRowv2__WEBPACK_IMPORTED_MODULE_50__ = __webpack_require__(/*! ./components/301_ModelUploaderRowv2 */ \"./src/components/demo/components/301_ModelUploaderRowv2.tsx\");\n/* harmony import */ var _components_301_g_CorrespondenceSelectRow2__WEBPACK_IMPORTED_MODULE_51__ = __webpack_require__(/*! ./components/301-g_CorrespondenceSelectRow2 */ \"./src/components/demo/components/301-g_CorrespondenceSelectRow2.tsx\");\n/* harmony import */ var _components_301_h_ModelSlotRowv2__WEBPACK_IMPORTED_MODULE_52__ = __webpack_require__(/*! ./components/301-h_ModelSlotRowv2 */ \"./src/components/demo/components/301-h_ModelSlotRowv2.tsx\");\n/* harmony import */ var _components_301_i_DefaultTuneRowv2__WEBPACK_IMPORTED_MODULE_53__ = __webpack_require__(/*! ./components/301-i_DefaultTuneRowv2 */ \"./src/components/demo/components/301-i_DefaultTuneRowv2.tsx\");\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n// import { OnnxExportRow, OnnxExportRowProps } from \"./components/304_OnnxExportRow\"\n\n\n\n// import { ModelSwitchRow, ModelSwitchRowProps } from \"./components/204_ModelSwitchRow\"\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar catalog = {};\nvar addToCatalog = function addToCatalog(key, generator) {\n catalog[key] = generator;\n};\nvar generateComponent = function generateComponent(key, props) {\n if (!catalog[key]) {\n console.error(\"not found component generator.\", key);\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null);\n }\n return catalog[key](props);\n};\nvar initialize = function initialize() {\n addToCatalog(\"divider\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_990_DividerRow__WEBPACK_IMPORTED_MODULE_13__.DividerRow, props);\n });\n addToCatalog(\"title\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_101_Title__WEBPACK_IMPORTED_MODULE_2__.Title, props);\n });\n addToCatalog(\"clearSetting\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_102_ClearSettingRow__WEBPACK_IMPORTED_MODULE_1__.ClearSettingRow, props);\n });\n addToCatalog(\"startButton\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_201_StartButtonRow__WEBPACK_IMPORTED_MODULE_3__.StartButtonRow, props);\n });\n addToCatalog(\"performance\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_202_PerformanceRow__WEBPACK_IMPORTED_MODULE_4__.PerformanceRow, props);\n });\n addToCatalog(\"serverInfo\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_203_ServerInfoRow__WEBPACK_IMPORTED_MODULE_5__.ServerInfoRow, props);\n });\n addToCatalog(\"modelSwitch\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_204v2_ModelSwitchRow__WEBPACK_IMPORTED_MODULE_44__.ModelSwitchRow, props);\n });\n addToCatalog(\"onnxExport\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_205_ONNXExportRow__WEBPACK_IMPORTED_MODULE_41__.ONNXExportRow, props);\n });\n addToCatalog(\"onnxExecutor\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_206_ONNXExecutorRow__WEBPACK_IMPORTED_MODULE_42__.ONNXExecutorRow, props);\n });\n addToCatalog(\"modelUploader\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_301_ModelUploaderRow__WEBPACK_IMPORTED_MODULE_6__.ModelUploaderRow, props);\n });\n addToCatalog(\"modelUploaderv2\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_301_ModelUploaderRowv2__WEBPACK_IMPORTED_MODULE_50__.ModelUploaderRowv2, props);\n });\n addToCatalog(\"framework\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_302_FrameworkRow__WEBPACK_IMPORTED_MODULE_7__.FrameworkRow, props);\n });\n addToCatalog(\"modelSamplingRate\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_303_ModelSamplingRateRow__WEBPACK_IMPORTED_MODULE_37__.ModelSamplingRateRow, props);\n });\n addToCatalog(\"commonFileSelect\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_301_e_CommonFileSelectRow__WEBPACK_IMPORTED_MODULE_48__.CommonFileSelectRow, props);\n });\n addToCatalog(\"modelUploadButtonRow2\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_301_f_ModelUploadButtonRow__WEBPACK_IMPORTED_MODULE_49__.ModelUploadButtonRow2, props);\n });\n addToCatalog(\"correspondenceSelectRow2\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_301_g_CorrespondenceSelectRow2__WEBPACK_IMPORTED_MODULE_51__.CorrespondenceSelectRow2, props);\n });\n addToCatalog(\"modelSlotRow2\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_301_h_ModelSlotRowv2__WEBPACK_IMPORTED_MODULE_52__.ModelSlotRow2, props);\n });\n addToCatalog(\"defaultTuneRow2\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_301_i_DefaultTuneRowv2__WEBPACK_IMPORTED_MODULE_53__.DefaultTuneRow2, props);\n });\n addToCatalog(\"audioInput\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_401_AudioInputRow__WEBPACK_IMPORTED_MODULE_8__.AudioInputRow, props);\n });\n addToCatalog(\"audioOutput\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_402_AudioOutputRow__WEBPACK_IMPORTED_MODULE_9__.AudioOutputRow, props);\n });\n addToCatalog(\"audioDeviceMode\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_410_AudioDeviceModeRow__WEBPACK_IMPORTED_MODULE_46__.AudioDeviceModeRow, props);\n });\n addToCatalog(\"noiseControl\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_501_NoiseControlRow__WEBPACK_IMPORTED_MODULE_11__.NoiseControlRow, props);\n });\n addToCatalog(\"gainControl\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_502_GainControlRow__WEBPACK_IMPORTED_MODULE_10__.GainControlRow, props);\n });\n addToCatalog(\"f0Detector\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_503_F0DetectorRow__WEBPACK_IMPORTED_MODULE_12__.F0DetectorRow, props);\n });\n addToCatalog(\"analyzer\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_510_AnalyzerRow__WEBPACK_IMPORTED_MODULE_14__.AnalyzerRow, props);\n });\n addToCatalog(\"srcId\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_601_SrcIdRow__WEBPACK_IMPORTED_MODULE_15__.SrcIdRow, props);\n });\n addToCatalog(\"dstId\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_602_DstIdRow__WEBPACK_IMPORTED_MODULE_16__.DstIdRow, props);\n });\n addToCatalog(\"dstId2\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_602v2_DstIdRow2__WEBPACK_IMPORTED_MODULE_39__.DstIdRow2, props);\n });\n addToCatalog(\"editSpeakerIdMapping\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_603_EditSpeakerIdMappingRow__WEBPACK_IMPORTED_MODULE_17__.EditSpeakerIdMappingRow, props);\n });\n addToCatalog(\"f0Factor\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_604_F0FactorRow__WEBPACK_IMPORTED_MODULE_18__.F0FactorRow, props);\n });\n addToCatalog(\"tune\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_605_TuneRow__WEBPACK_IMPORTED_MODULE_19__.TuneRow, props);\n });\n addToCatalog(\"clusterInferRatio\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_606_ClusterInferRatioRow__WEBPACK_IMPORTED_MODULE_20__.ClusterInferRatioRow, props);\n });\n addToCatalog(\"noiseScale\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_607_NoiseScaleRow__WEBPACK_IMPORTED_MODULE_21__.NoiseScaleRow, props);\n });\n addToCatalog(\"silentThreshold\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_608_SilentThresholdRow__WEBPACK_IMPORTED_MODULE_22__.SilentThresholdRow, props);\n });\n addToCatalog(\"indexRatio\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_609_IndexRatioRow__WEBPACK_IMPORTED_MODULE_35__.IndexRatioRow, props);\n });\n addToCatalog(\"enableEnhancer\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_610_EnableEnhancerRow__WEBPACK_IMPORTED_MODULE_38__.EnableEnhancerRow, props);\n });\n addToCatalog(\"inputChunkNum\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_701_InputChunkNumRow__WEBPACK_IMPORTED_MODULE_23__.InputChunkNumRow, props);\n });\n addToCatalog(\"extraDataLength\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_702_ExtraDataLengthRow__WEBPACK_IMPORTED_MODULE_24__.ExtraDataLengthRow, props);\n });\n addToCatalog(\"gpu\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_703_GPURow__WEBPACK_IMPORTED_MODULE_25__.GPURow, props);\n });\n addToCatalog(\"ioBuffer\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_411_IOBufferRow__WEBPACK_IMPORTED_MODULE_47__.IOBufferRow, props);\n });\n addToCatalog(\"serverURL\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_801_ServerURLRow__WEBPACK_IMPORTED_MODULE_26__.ServerURLRow, props);\n });\n addToCatalog(\"protocol\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_802_ProtocolRow__WEBPACK_IMPORTED_MODULE_27__.ProtocolRow, props);\n });\n addToCatalog(\"sampleRate\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_803_SampleRateRow__WEBPACK_IMPORTED_MODULE_28__.SampleRateRow, props);\n });\n addToCatalog(\"sendingSampleRate\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_804_SendingSampleRateRow__WEBPACK_IMPORTED_MODULE_29__.SendingSampleRateRow, props);\n });\n addToCatalog(\"crossFadeOverlapSize\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_805_CrossFadeOverlapSizeRow__WEBPACK_IMPORTED_MODULE_30__.CrossFadeOverlapSizeRow, props);\n });\n addToCatalog(\"crossFadeOffsetRate\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_806_CrossFadeOffsetRateRow__WEBPACK_IMPORTED_MODULE_31__.CrossFadeOffsetRateRow, props);\n });\n addToCatalog(\"crossFadeEndRate\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_807_CrossFadeEndRateRow__WEBPACK_IMPORTED_MODULE_32__.CrossFadeEndRateRow, props);\n });\n addToCatalog(\"downSamplingMode\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_808_DownSamplingModeRow__WEBPACK_IMPORTED_MODULE_33__.DownSamplingModeRow, props);\n });\n addToCatalog(\"trancateNumThreshold\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_809_TrancateNumTresholdRow__WEBPACK_IMPORTED_MODULE_34__.TrancateNumTresholdRow, props);\n });\n addToCatalog(\"rvcQuality\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_810_RVCQualityRow__WEBPACK_IMPORTED_MODULE_36__.RVCQualityRow, props);\n });\n addToCatalog(\"silenceFront\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_812_SilenceFrontRow__WEBPACK_IMPORTED_MODULE_40__.SilenceFrontRow, props);\n });\n addToCatalog(\"enableDirectML\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_813_EnableDirectMLRow__WEBPACK_IMPORTED_MODULE_45__.EnableDirectMLRow, props);\n });\n addToCatalog(\"mergeLab\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_a01_MergeLab_Row__WEBPACK_IMPORTED_MODULE_43__.MergeLabRow, props);\n });\n};\ninitialize();\n\n//# sourceURL=webpack://demo/./src/components/demo/002_ComponentGenerator.tsx?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"addToCatalog\": () => (/* binding */ addToCatalog),\n/* harmony export */ \"catalog\": () => (/* binding */ catalog),\n/* harmony export */ \"generateComponent\": () => (/* binding */ generateComponent)\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 _components_102_ClearSettingRow__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./components/102_ClearSettingRow */ \"./src/components/demo/components/102_ClearSettingRow.tsx\");\n/* harmony import */ var _components_101_Title__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./components/101_Title */ \"./src/components/demo/components/101_Title.tsx\");\n/* harmony import */ var _components_201_StartButtonRow__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./components/201_StartButtonRow */ \"./src/components/demo/components/201_StartButtonRow.tsx\");\n/* harmony import */ var _components_202_PerformanceRow__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./components/202_PerformanceRow */ \"./src/components/demo/components/202_PerformanceRow.tsx\");\n/* harmony import */ var _components_203_ServerInfoRow__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./components/203_ServerInfoRow */ \"./src/components/demo/components/203_ServerInfoRow.tsx\");\n/* harmony import */ var _components_302_FrameworkRow__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./components/302_FrameworkRow */ \"./src/components/demo/components/302_FrameworkRow.tsx\");\n/* harmony import */ var _components_401_AudioInputRow__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./components/401_AudioInputRow */ \"./src/components/demo/components/401_AudioInputRow.tsx\");\n/* harmony import */ var _components_402_AudioOutputRow__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./components/402_AudioOutputRow */ \"./src/components/demo/components/402_AudioOutputRow.tsx\");\n/* harmony import */ var _components_502_GainControlRow__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./components/502_GainControlRow */ \"./src/components/demo/components/502_GainControlRow.tsx\");\n/* harmony import */ var _components_501_NoiseControlRow__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./components/501_NoiseControlRow */ \"./src/components/demo/components/501_NoiseControlRow.tsx\");\n/* harmony import */ var _components_503_F0DetectorRow__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./components/503_F0DetectorRow */ \"./src/components/demo/components/503_F0DetectorRow.tsx\");\n/* harmony import */ var _components_990_DividerRow__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./components/990_DividerRow */ \"./src/components/demo/components/990_DividerRow.tsx\");\n/* harmony import */ var _components_510_AnalyzerRow__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./components/510_AnalyzerRow */ \"./src/components/demo/components/510_AnalyzerRow.tsx\");\n/* harmony import */ var _components_601_SrcIdRow__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./components/601_SrcIdRow */ \"./src/components/demo/components/601_SrcIdRow.tsx\");\n/* harmony import */ var _components_602_DstIdRow__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./components/602_DstIdRow */ \"./src/components/demo/components/602_DstIdRow.tsx\");\n/* harmony import */ var _components_603_EditSpeakerIdMappingRow__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./components/603_EditSpeakerIdMappingRow */ \"./src/components/demo/components/603_EditSpeakerIdMappingRow.tsx\");\n/* harmony import */ var _components_604_F0FactorRow__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./components/604_F0FactorRow */ \"./src/components/demo/components/604_F0FactorRow.tsx\");\n/* harmony import */ var _components_605_TuneRow__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./components/605_TuneRow */ \"./src/components/demo/components/605_TuneRow.tsx\");\n/* harmony import */ var _components_606_ClusterInferRatioRow__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./components/606_ClusterInferRatioRow */ \"./src/components/demo/components/606_ClusterInferRatioRow.tsx\");\n/* harmony import */ var _components_607_NoiseScaleRow__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./components/607_NoiseScaleRow */ \"./src/components/demo/components/607_NoiseScaleRow.tsx\");\n/* harmony import */ var _components_608_SilentThresholdRow__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./components/608_SilentThresholdRow */ \"./src/components/demo/components/608_SilentThresholdRow.tsx\");\n/* harmony import */ var _components_701_InputChunkNumRow__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./components/701_InputChunkNumRow */ \"./src/components/demo/components/701_InputChunkNumRow.tsx\");\n/* harmony import */ var _components_702_ExtraDataLengthRow__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./components/702_ExtraDataLengthRow */ \"./src/components/demo/components/702_ExtraDataLengthRow.tsx\");\n/* harmony import */ var _components_703_GPURow__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./components/703_GPURow */ \"./src/components/demo/components/703_GPURow.tsx\");\n/* harmony import */ var _components_801_ServerURLRow__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ./components/801_ServerURLRow */ \"./src/components/demo/components/801_ServerURLRow.tsx\");\n/* harmony import */ var _components_802_ProtocolRow__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ./components/802_ProtocolRow */ \"./src/components/demo/components/802_ProtocolRow.tsx\");\n/* harmony import */ var _components_803_SampleRateRow__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ./components/803_SampleRateRow */ \"./src/components/demo/components/803_SampleRateRow.tsx\");\n/* harmony import */ var _components_804_SendingSampleRateRow__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ./components/804_SendingSampleRateRow */ \"./src/components/demo/components/804_SendingSampleRateRow.tsx\");\n/* harmony import */ var _components_805_CrossFadeOverlapSizeRow__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ./components/805_CrossFadeOverlapSizeRow */ \"./src/components/demo/components/805_CrossFadeOverlapSizeRow.tsx\");\n/* harmony import */ var _components_806_CrossFadeOffsetRateRow__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! ./components/806_CrossFadeOffsetRateRow */ \"./src/components/demo/components/806_CrossFadeOffsetRateRow.tsx\");\n/* harmony import */ var _components_807_CrossFadeEndRateRow__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! ./components/807_CrossFadeEndRateRow */ \"./src/components/demo/components/807_CrossFadeEndRateRow.tsx\");\n/* harmony import */ var _components_808_DownSamplingModeRow__WEBPACK_IMPORTED_MODULE_32__ = __webpack_require__(/*! ./components/808_DownSamplingModeRow */ \"./src/components/demo/components/808_DownSamplingModeRow.tsx\");\n/* harmony import */ var _components_809_TrancateNumTresholdRow__WEBPACK_IMPORTED_MODULE_33__ = __webpack_require__(/*! ./components/809_TrancateNumTresholdRow */ \"./src/components/demo/components/809_TrancateNumTresholdRow.tsx\");\n/* harmony import */ var _components_609_IndexRatioRow__WEBPACK_IMPORTED_MODULE_34__ = __webpack_require__(/*! ./components/609_IndexRatioRow */ \"./src/components/demo/components/609_IndexRatioRow.tsx\");\n/* harmony import */ var _components_810_RVCQualityRow__WEBPACK_IMPORTED_MODULE_35__ = __webpack_require__(/*! ./components/810_RVCQualityRow */ \"./src/components/demo/components/810_RVCQualityRow.tsx\");\n/* harmony import */ var _components_303_ModelSamplingRateRow__WEBPACK_IMPORTED_MODULE_36__ = __webpack_require__(/*! ./components/303_ModelSamplingRateRow */ \"./src/components/demo/components/303_ModelSamplingRateRow.tsx\");\n/* harmony import */ var _components_610_EnableEnhancerRow__WEBPACK_IMPORTED_MODULE_37__ = __webpack_require__(/*! ./components/610_EnableEnhancerRow */ \"./src/components/demo/components/610_EnableEnhancerRow.tsx\");\n/* harmony import */ var _components_602v2_DstIdRow2__WEBPACK_IMPORTED_MODULE_38__ = __webpack_require__(/*! ./components/602v2_DstIdRow2 */ \"./src/components/demo/components/602v2_DstIdRow2.tsx\");\n/* harmony import */ var _components_812_SilenceFrontRow__WEBPACK_IMPORTED_MODULE_39__ = __webpack_require__(/*! ./components/812_SilenceFrontRow */ \"./src/components/demo/components/812_SilenceFrontRow.tsx\");\n/* harmony import */ var _components_205_ONNXExportRow__WEBPACK_IMPORTED_MODULE_40__ = __webpack_require__(/*! ./components/205_ONNXExportRow */ \"./src/components/demo/components/205_ONNXExportRow.tsx\");\n/* harmony import */ var _components_206_ONNXExecutorRow__WEBPACK_IMPORTED_MODULE_41__ = __webpack_require__(/*! ./components/206_ONNXExecutorRow */ \"./src/components/demo/components/206_ONNXExecutorRow.tsx\");\n/* harmony import */ var _components_a01_MergeLab_Row__WEBPACK_IMPORTED_MODULE_42__ = __webpack_require__(/*! ./components/a01_MergeLab.Row */ \"./src/components/demo/components/a01_MergeLab.Row.tsx\");\n/* harmony import */ var _components_204v2_ModelSwitchRow__WEBPACK_IMPORTED_MODULE_43__ = __webpack_require__(/*! ./components/204v2_ModelSwitchRow */ \"./src/components/demo/components/204v2_ModelSwitchRow.tsx\");\n/* harmony import */ var _components_813_EnableDirectMLRow__WEBPACK_IMPORTED_MODULE_44__ = __webpack_require__(/*! ./components/813_EnableDirectMLRow */ \"./src/components/demo/components/813_EnableDirectMLRow.tsx\");\n/* harmony import */ var _components_410_AudioDeviceModeRow__WEBPACK_IMPORTED_MODULE_45__ = __webpack_require__(/*! ./components/410_AudioDeviceModeRow */ \"./src/components/demo/components/410_AudioDeviceModeRow.tsx\");\n/* harmony import */ var _components_411_IOBufferRow__WEBPACK_IMPORTED_MODULE_46__ = __webpack_require__(/*! ./components/411_IOBufferRow */ \"./src/components/demo/components/411_IOBufferRow.tsx\");\n/* harmony import */ var _components_301_e_CommonFileSelectRow__WEBPACK_IMPORTED_MODULE_47__ = __webpack_require__(/*! ./components/301-e_CommonFileSelectRow */ \"./src/components/demo/components/301-e_CommonFileSelectRow.tsx\");\n/* harmony import */ var _components_301_f_ModelUploadButtonRow__WEBPACK_IMPORTED_MODULE_48__ = __webpack_require__(/*! ./components/301-f_ModelUploadButtonRow */ \"./src/components/demo/components/301-f_ModelUploadButtonRow.tsx\");\n/* harmony import */ var _components_301_ModelUploaderRowv2__WEBPACK_IMPORTED_MODULE_49__ = __webpack_require__(/*! ./components/301_ModelUploaderRowv2 */ \"./src/components/demo/components/301_ModelUploaderRowv2.tsx\");\n/* harmony import */ var _components_301_g_CorrespondenceSelectRow2__WEBPACK_IMPORTED_MODULE_50__ = __webpack_require__(/*! ./components/301-g_CorrespondenceSelectRow2 */ \"./src/components/demo/components/301-g_CorrespondenceSelectRow2.tsx\");\n/* harmony import */ var _components_301_h_ModelSlotRowv2__WEBPACK_IMPORTED_MODULE_51__ = __webpack_require__(/*! ./components/301-h_ModelSlotRowv2 */ \"./src/components/demo/components/301-h_ModelSlotRowv2.tsx\");\n/* harmony import */ var _components_301_i_DefaultTuneRowv2__WEBPACK_IMPORTED_MODULE_52__ = __webpack_require__(/*! ./components/301-i_DefaultTuneRowv2 */ \"./src/components/demo/components/301-i_DefaultTuneRowv2.tsx\");\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n// import { OnnxExportRow, OnnxExportRowProps } from \"./components/304_OnnxExportRow\"\n\n\n\n// import { ModelSwitchRow, ModelSwitchRowProps } from \"./components/204_ModelSwitchRow\"\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar catalog = {};\nvar addToCatalog = function addToCatalog(key, generator) {\n catalog[key] = generator;\n};\nvar generateComponent = function generateComponent(key, props) {\n if (!catalog[key]) {\n console.error(\"not found component generator.\", key);\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null);\n }\n return catalog[key](props);\n};\nvar initialize = function initialize() {\n addToCatalog(\"divider\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_990_DividerRow__WEBPACK_IMPORTED_MODULE_12__.DividerRow, props);\n });\n addToCatalog(\"title\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_101_Title__WEBPACK_IMPORTED_MODULE_2__.Title, props);\n });\n addToCatalog(\"clearSetting\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_102_ClearSettingRow__WEBPACK_IMPORTED_MODULE_1__.ClearSettingRow, props);\n });\n addToCatalog(\"startButton\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_201_StartButtonRow__WEBPACK_IMPORTED_MODULE_3__.StartButtonRow, props);\n });\n addToCatalog(\"performance\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_202_PerformanceRow__WEBPACK_IMPORTED_MODULE_4__.PerformanceRow, props);\n });\n addToCatalog(\"serverInfo\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_203_ServerInfoRow__WEBPACK_IMPORTED_MODULE_5__.ServerInfoRow, props);\n });\n addToCatalog(\"modelSwitch\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_204v2_ModelSwitchRow__WEBPACK_IMPORTED_MODULE_43__.ModelSwitchRow, props);\n });\n addToCatalog(\"onnxExport\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_205_ONNXExportRow__WEBPACK_IMPORTED_MODULE_40__.ONNXExportRow, props);\n });\n addToCatalog(\"onnxExecutor\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_206_ONNXExecutorRow__WEBPACK_IMPORTED_MODULE_41__.ONNXExecutorRow, props);\n });\n addToCatalog(\"modelUploaderv2\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_301_ModelUploaderRowv2__WEBPACK_IMPORTED_MODULE_49__.ModelUploaderRowv2, props);\n });\n addToCatalog(\"framework\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_302_FrameworkRow__WEBPACK_IMPORTED_MODULE_6__.FrameworkRow, props);\n });\n addToCatalog(\"modelSamplingRate\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_303_ModelSamplingRateRow__WEBPACK_IMPORTED_MODULE_36__.ModelSamplingRateRow, props);\n });\n addToCatalog(\"commonFileSelect\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_301_e_CommonFileSelectRow__WEBPACK_IMPORTED_MODULE_47__.CommonFileSelectRow, props);\n });\n addToCatalog(\"modelUploadButtonRow2\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_301_f_ModelUploadButtonRow__WEBPACK_IMPORTED_MODULE_48__.ModelUploadButtonRow2, props);\n });\n addToCatalog(\"correspondenceSelectRow2\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_301_g_CorrespondenceSelectRow2__WEBPACK_IMPORTED_MODULE_50__.CorrespondenceSelectRow2, props);\n });\n addToCatalog(\"modelSlotRow2\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_301_h_ModelSlotRowv2__WEBPACK_IMPORTED_MODULE_51__.ModelSlotRow2, props);\n });\n addToCatalog(\"defaultTuneRow2\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_301_i_DefaultTuneRowv2__WEBPACK_IMPORTED_MODULE_52__.DefaultTuneRow2, props);\n });\n addToCatalog(\"audioInput\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_401_AudioInputRow__WEBPACK_IMPORTED_MODULE_7__.AudioInputRow, props);\n });\n addToCatalog(\"audioOutput\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_402_AudioOutputRow__WEBPACK_IMPORTED_MODULE_8__.AudioOutputRow, props);\n });\n addToCatalog(\"audioDeviceMode\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_410_AudioDeviceModeRow__WEBPACK_IMPORTED_MODULE_45__.AudioDeviceModeRow, props);\n });\n addToCatalog(\"noiseControl\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_501_NoiseControlRow__WEBPACK_IMPORTED_MODULE_10__.NoiseControlRow, props);\n });\n addToCatalog(\"gainControl\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_502_GainControlRow__WEBPACK_IMPORTED_MODULE_9__.GainControlRow, props);\n });\n addToCatalog(\"f0Detector\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_503_F0DetectorRow__WEBPACK_IMPORTED_MODULE_11__.F0DetectorRow, props);\n });\n addToCatalog(\"analyzer\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_510_AnalyzerRow__WEBPACK_IMPORTED_MODULE_13__.AnalyzerRow, props);\n });\n addToCatalog(\"srcId\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_601_SrcIdRow__WEBPACK_IMPORTED_MODULE_14__.SrcIdRow, props);\n });\n addToCatalog(\"dstId\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_602_DstIdRow__WEBPACK_IMPORTED_MODULE_15__.DstIdRow, props);\n });\n addToCatalog(\"dstId2\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_602v2_DstIdRow2__WEBPACK_IMPORTED_MODULE_38__.DstIdRow2, props);\n });\n addToCatalog(\"editSpeakerIdMapping\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_603_EditSpeakerIdMappingRow__WEBPACK_IMPORTED_MODULE_16__.EditSpeakerIdMappingRow, props);\n });\n addToCatalog(\"f0Factor\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_604_F0FactorRow__WEBPACK_IMPORTED_MODULE_17__.F0FactorRow, props);\n });\n addToCatalog(\"tune\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_605_TuneRow__WEBPACK_IMPORTED_MODULE_18__.TuneRow, props);\n });\n addToCatalog(\"clusterInferRatio\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_606_ClusterInferRatioRow__WEBPACK_IMPORTED_MODULE_19__.ClusterInferRatioRow, props);\n });\n addToCatalog(\"noiseScale\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_607_NoiseScaleRow__WEBPACK_IMPORTED_MODULE_20__.NoiseScaleRow, props);\n });\n addToCatalog(\"silentThreshold\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_608_SilentThresholdRow__WEBPACK_IMPORTED_MODULE_21__.SilentThresholdRow, props);\n });\n addToCatalog(\"indexRatio\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_609_IndexRatioRow__WEBPACK_IMPORTED_MODULE_34__.IndexRatioRow, props);\n });\n addToCatalog(\"enableEnhancer\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_610_EnableEnhancerRow__WEBPACK_IMPORTED_MODULE_37__.EnableEnhancerRow, props);\n });\n addToCatalog(\"inputChunkNum\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_701_InputChunkNumRow__WEBPACK_IMPORTED_MODULE_22__.InputChunkNumRow, props);\n });\n addToCatalog(\"extraDataLength\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_702_ExtraDataLengthRow__WEBPACK_IMPORTED_MODULE_23__.ExtraDataLengthRow, props);\n });\n addToCatalog(\"gpu\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_703_GPURow__WEBPACK_IMPORTED_MODULE_24__.GPURow, props);\n });\n addToCatalog(\"ioBuffer\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_411_IOBufferRow__WEBPACK_IMPORTED_MODULE_46__.IOBufferRow, props);\n });\n addToCatalog(\"serverURL\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_801_ServerURLRow__WEBPACK_IMPORTED_MODULE_25__.ServerURLRow, props);\n });\n addToCatalog(\"protocol\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_802_ProtocolRow__WEBPACK_IMPORTED_MODULE_26__.ProtocolRow, props);\n });\n addToCatalog(\"sampleRate\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_803_SampleRateRow__WEBPACK_IMPORTED_MODULE_27__.SampleRateRow, props);\n });\n addToCatalog(\"sendingSampleRate\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_804_SendingSampleRateRow__WEBPACK_IMPORTED_MODULE_28__.SendingSampleRateRow, props);\n });\n addToCatalog(\"crossFadeOverlapSize\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_805_CrossFadeOverlapSizeRow__WEBPACK_IMPORTED_MODULE_29__.CrossFadeOverlapSizeRow, props);\n });\n addToCatalog(\"crossFadeOffsetRate\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_806_CrossFadeOffsetRateRow__WEBPACK_IMPORTED_MODULE_30__.CrossFadeOffsetRateRow, props);\n });\n addToCatalog(\"crossFadeEndRate\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_807_CrossFadeEndRateRow__WEBPACK_IMPORTED_MODULE_31__.CrossFadeEndRateRow, props);\n });\n addToCatalog(\"downSamplingMode\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_808_DownSamplingModeRow__WEBPACK_IMPORTED_MODULE_32__.DownSamplingModeRow, props);\n });\n addToCatalog(\"trancateNumThreshold\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_809_TrancateNumTresholdRow__WEBPACK_IMPORTED_MODULE_33__.TrancateNumTresholdRow, props);\n });\n addToCatalog(\"rvcQuality\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_810_RVCQualityRow__WEBPACK_IMPORTED_MODULE_35__.RVCQualityRow, props);\n });\n addToCatalog(\"silenceFront\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_812_SilenceFrontRow__WEBPACK_IMPORTED_MODULE_39__.SilenceFrontRow, props);\n });\n addToCatalog(\"enableDirectML\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_813_EnableDirectMLRow__WEBPACK_IMPORTED_MODULE_44__.EnableDirectMLRow, props);\n });\n addToCatalog(\"mergeLab\", function (props) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_a01_MergeLab_Row__WEBPACK_IMPORTED_MODULE_42__.MergeLabRow, props);\n });\n};\ninitialize();\n\n//# sourceURL=webpack://demo/./src/components/demo/002_ComponentGenerator.tsx?"); /***/ }), @@ -393,149 +393,6 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /***/ }), -/***/ "./src/components/demo/components/301-1_ConfigSelectRow.tsx": -/*!******************************************************************!*\ - !*** ./src/components/demo/components/301-1_ConfigSelectRow.tsx ***! - \******************************************************************/ -/***/ ((__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 */ \"ConfigSelectRow\": () => (/* binding */ ConfigSelectRow)\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 ConfigSelectRow = function ConfigSelectRow() {\n var appState = (0,_001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_5__.useAppState)();\n var guiState = (0,_001_GuiStateProvider__WEBPACK_IMPORTED_MODULE_6__.useGuiState)();\n var configSelectRow = (0,react__WEBPACK_IMPORTED_MODULE_3__.useMemo)(function () {\n var _appState$serverSetti, _appState$serverSetti2, _appState$serverSetti3, _appState$serverSetti4, _appState$serverSetti5;\n var slot = guiState.modelSlotNum;\n var configFilenameText = ((_appState$serverSetti = appState.serverSetting.fileUploadSettings[slot]) === null || _appState$serverSetti === void 0 ? void 0 : (_appState$serverSetti2 = _appState$serverSetti.configFile) === null || _appState$serverSetti2 === void 0 ? void 0 : _appState$serverSetti2.filename) || ((_appState$serverSetti3 = appState.serverSetting.fileUploadSettings[slot]) === null || _appState$serverSetti3 === void 0 ? void 0 : (_appState$serverSetti4 = _appState$serverSetti3.configFile) === null || _appState$serverSetti4 === void 0 ? void 0 : (_appState$serverSetti5 = _appState$serverSetti4.file) === null || _appState$serverSetti5 === void 0 ? void 0 : _appState$serverSetti5.name) || \"\";\n var onConfigFileLoadClicked = /*#__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(\".json\") == false && file.name.endsWith(\".yaml\") == false)) {\n _context.next = 6;\n break;\n }\n alert(\"モデルファイルの拡張子はjsonである必要があります。\");\n return _context.abrupt(\"return\");\n case 6:\n appState.serverSetting.setFileUploadSetting(slot, _objectSpread(_objectSpread({}, appState.serverSetting.fileUploadSettings[slot]), {}, {\n configFile: {\n file: file\n }\n }));\n case 7:\n case \"end\":\n return _context.stop();\n }\n }, _callee);\n }));\n return function onConfigFileLoadClicked() {\n return _ref.apply(this, arguments);\n };\n }();\n var onConfigFileClearClicked = function onConfigFileClearClicked() {\n appState.serverSetting.setFileUploadSetting(slot, _objectSpread(_objectSpread({}, appState.serverSetting.fileUploadSettings[slot]), {}, {\n configFile: 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 }, \"Config(.json)\"), /*#__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, configFilenameText)), /*#__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: onConfigFileLoadClicked\n }, \"select\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(\"div\", {\n className: \"body-button left-margin-1\",\n onClick: onConfigFileClearClicked\n }, \"clear\")));\n }, [appState.serverSetting.fileUploadSettings, appState.serverSetting.setFileUploadSetting, guiState.modelSlotNum]);\n return configSelectRow;\n};\n\n//# sourceURL=webpack://demo/./src/components/demo/components/301-1_ConfigSelectRow.tsx?"); - -/***/ }), - -/***/ "./src/components/demo/components/301-2-5_ModelSelectRow.tsx": -/*!*******************************************************************!*\ - !*** ./src/components/demo/components/301-2-5_ModelSelectRow.tsx ***! - \*******************************************************************/ -/***/ ((__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 */ \"ModelSelectRow\": () => (/* binding */ ModelSelectRow)\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 ModelSelectRow = function ModelSelectRow() {\n var appState = (0,_001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_5__.useAppState)();\n var guiState = (0,_001_GuiStateProvider__WEBPACK_IMPORTED_MODULE_6__.useGuiState)();\n var onnxSelectRow = (0,react__WEBPACK_IMPORTED_MODULE_3__.useMemo)(function () {\n var _fileUploadSetting$on, _fileUploadSetting$on2, _fileUploadSetting$on3, _fileUploadSetting$py, _fileUploadSetting$py2, _fileUploadSetting$py3;\n var slot = guiState.modelSlotNum;\n var fileUploadSetting = appState.serverSetting.fileUploadSettings[slot];\n if (!fileUploadSetting) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement((react__WEBPACK_IMPORTED_MODULE_3___default().Fragment), null);\n }\n var onnxModelFilenameText = ((_fileUploadSetting$on = fileUploadSetting.onnxModel) === null || _fileUploadSetting$on === void 0 ? void 0 : _fileUploadSetting$on.filename) || ((_fileUploadSetting$on2 = fileUploadSetting.onnxModel) === null || _fileUploadSetting$on2 === void 0 ? void 0 : (_fileUploadSetting$on3 = _fileUploadSetting$on2.file) === null || _fileUploadSetting$on3 === void 0 ? void 0 : _fileUploadSetting$on3.name) || \"\";\n var pyTorchFilenameText = ((_fileUploadSetting$py = fileUploadSetting.pyTorchModel) === null || _fileUploadSetting$py === void 0 ? void 0 : _fileUploadSetting$py.filename) || ((_fileUploadSetting$py2 = fileUploadSetting.pyTorchModel) === null || _fileUploadSetting$py2 === void 0 ? void 0 : (_fileUploadSetting$py3 = _fileUploadSetting$py2.file) === null || _fileUploadSetting$py3 === void 0 ? void 0 : _fileUploadSetting$py3.name) || \"\";\n var modelFilenameText = onnxModelFilenameText + pyTorchFilenameText;\n var onModelFileLoadClicked = /*#__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 && file.name.endsWith(\".pth\") == false)) {\n _context.next = 6;\n break;\n }\n alert(\"モデルファイルの拡張子は.onnxか.pthである必要があります。(Extension of the model file should be .onnx or .pth.)\");\n return _context.abrupt(\"return\");\n case 6:\n if (!(file.name.endsWith(\".onnx\") == true)) {\n _context.next = 9;\n break;\n }\n appState.serverSetting.setFileUploadSetting(slot, _objectSpread(_objectSpread({}, appState.serverSetting.fileUploadSettings[slot]), {}, {\n onnxModel: {\n file: file\n },\n pyTorchModel: null\n }));\n return _context.abrupt(\"return\");\n case 9:\n if (!(file.name.endsWith(\".pth\") == true)) {\n _context.next = 12;\n break;\n }\n appState.serverSetting.setFileUploadSetting(slot, _objectSpread(_objectSpread({}, appState.serverSetting.fileUploadSettings[slot]), {}, {\n pyTorchModel: {\n file: file\n },\n onnxModel: null\n }));\n return _context.abrupt(\"return\");\n case 12:\n case \"end\":\n return _context.stop();\n }\n }, _callee);\n }));\n return function onModelFileLoadClicked() {\n return _ref.apply(this, arguments);\n };\n }();\n var onModelFileClearClicked = function onModelFileClearClicked() {\n appState.serverSetting.setFileUploadSetting(slot, _objectSpread(_objectSpread({}, appState.serverSetting.fileUploadSettings[slot]), {}, {\n onnxModel: null,\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 }, \"Model(.onnx or .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, modelFilenameText)), /*#__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: onModelFileLoadClicked\n }, \"select\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(\"div\", {\n className: \"body-button left-margin-1\",\n onClick: onModelFileClearClicked\n }, \"clear\")));\n }, [appState.serverSetting.fileUploadSettings, appState.serverSetting.setFileUploadSetting, guiState.modelSlotNum]);\n return onnxSelectRow;\n};\n\n//# sourceURL=webpack://demo/./src/components/demo/components/301-2-5_ModelSelectRow.tsx?"); - -/***/ }), - -/***/ "./src/components/demo/components/301-2_ONNXSelectRow.tsx": -/*!****************************************************************!*\ - !*** ./src/components/demo/components/301-2_ONNXSelectRow.tsx ***! - \****************************************************************/ -/***/ ((__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/* 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 ONNXSelectRow = function ONNXSelectRow(props) {\n var appState = (0,_001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_5__.useAppState)();\n var guiState = (0,_001_GuiStateProvider__WEBPACK_IMPORTED_MODULE_6__.useGuiState)();\n var onnxSelectRow = (0,react__WEBPACK_IMPORTED_MODULE_3__.useMemo)(function () {\n var _appState$serverSetti, _appState$serverSetti2, _appState$serverSetti3, _appState$serverSetti4, _appState$serverSetti5, _appState$serverSetti6;\n var slot = guiState.modelSlotNum;\n if (props.onlyWhenSelected && ((_appState$serverSetti = appState.serverSetting.fileUploadSettings[slot]) === null || _appState$serverSetti === void 0 ? void 0 : _appState$serverSetti.framework) != \"ONNX\") {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement((react__WEBPACK_IMPORTED_MODULE_3___default().Fragment), null);\n }\n var onnxModelFilenameText = ((_appState$serverSetti2 = appState.serverSetting.fileUploadSettings[slot]) === null || _appState$serverSetti2 === void 0 ? void 0 : (_appState$serverSetti3 = _appState$serverSetti2.onnxModel) === null || _appState$serverSetti3 === void 0 ? void 0 : _appState$serverSetti3.filename) || ((_appState$serverSetti4 = appState.serverSetting.fileUploadSettings[slot]) === null || _appState$serverSetti4 === void 0 ? void 0 : (_appState$serverSetti5 = _appState$serverSetti4.onnxModel) === null || _appState$serverSetti5 === void 0 ? void 0 : (_appState$serverSetti6 = _appState$serverSetti5.file) === null || _appState$serverSetti6 === void 0 ? void 0 : _appState$serverSetti6.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(slot, _objectSpread(_objectSpread({}, appState.serverSetting.fileUploadSettings[slot]), {}, {\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(slot, _objectSpread(_objectSpread({}, appState.serverSetting.fileUploadSettings[slot]), {}, {\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 }, [appState.serverSetting.fileUploadSettings, appState.serverSetting.setFileUploadSetting, guiState.modelSlotNum]);\n return onnxSelectRow;\n};\n\n//# sourceURL=webpack://demo/./src/components/demo/components/301-2_ONNXSelectRow.tsx?"); - -/***/ }), - -/***/ "./src/components/demo/components/301-3_PyTorchSelectRow.tsx": -/*!*******************************************************************!*\ - !*** ./src/components/demo/components/301-3_PyTorchSelectRow.tsx ***! - \*******************************************************************/ -/***/ ((__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(props) {\n var appState = (0,_001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_5__.useAppState)();\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, _appState$serverSetti4, _appState$serverSetti5, _appState$serverSetti6;\n if (guiState.showPyTorchModelUpload == false) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement((react__WEBPACK_IMPORTED_MODULE_3___default().Fragment), null);\n }\n var slot = guiState.modelSlotNum;\n if (props.onlyWhenSelected && ((_appState$serverSetti = appState.serverSetting.fileUploadSettings[slot]) === null || _appState$serverSetti === void 0 ? void 0 : _appState$serverSetti.framework) != \"PyTorch\") {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement((react__WEBPACK_IMPORTED_MODULE_3___default().Fragment), null);\n }\n var pyTorchFilenameText = ((_appState$serverSetti2 = appState.serverSetting.fileUploadSettings[slot]) === null || _appState$serverSetti2 === void 0 ? void 0 : (_appState$serverSetti3 = _appState$serverSetti2.pyTorchModel) === null || _appState$serverSetti3 === void 0 ? void 0 : _appState$serverSetti3.filename) || ((_appState$serverSetti4 = appState.serverSetting.fileUploadSettings[slot]) === null || _appState$serverSetti4 === void 0 ? void 0 : (_appState$serverSetti5 = _appState$serverSetti4.pyTorchModel) === null || _appState$serverSetti5 === void 0 ? void 0 : (_appState$serverSetti6 = _appState$serverSetti5.file) === null || _appState$serverSetti6 === void 0 ? void 0 : _appState$serverSetti6.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(slot, _objectSpread(_objectSpread({}, appState.serverSetting.fileUploadSettings[slot]), {}, {\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(slot, _objectSpread(_objectSpread({}, appState.serverSetting.fileUploadSettings[slot]), {}, {\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 }, [guiState.showPyTorchModelUpload, appState.serverSetting.fileUploadSettings, appState.serverSetting.setFileUploadSetting, appState.serverSetting.serverSetting, appState.serverSetting.updateServerSettings, guiState.isConverting, guiState.modelSlotNum]);\n return pyTorchSelectRow;\n};\n\n//# sourceURL=webpack://demo/./src/components/demo/components/301-3_PyTorchSelectRow.tsx?"); - -/***/ }), - -/***/ "./src/components/demo/components/301-4_CorrespondenceSelectRow.tsx": -/*!**************************************************************************!*\ - !*** ./src/components/demo/components/301-4_CorrespondenceSelectRow.tsx ***! - \**************************************************************************/ -/***/ ((__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 CorrespondenceSelectRow = (0,react__WEBPACK_IMPORTED_MODULE_3__.useMemo)(function () {\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(\"recogninzed corresponding lines:\", 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 }, [appState.clientSetting.clientSetting, appState.clientSetting.updateClientSetting]);\n return CorrespondenceSelectRow;\n};\n\n//# sourceURL=webpack://demo/./src/components/demo/components/301-4_CorrespondenceSelectRow.tsx?"); - -/***/ }), - -/***/ "./src/components/demo/components/301-5_PyTorchClusterSelectRow.tsx": -/*!**************************************************************************!*\ - !*** ./src/components/demo/components/301-5_PyTorchClusterSelectRow.tsx ***! - \**************************************************************************/ -/***/ ((__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/* 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 PyTorchClusterSelectRow = function PyTorchClusterSelectRow() {\n var appState = (0,_001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_5__.useAppState)();\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, _appState$serverSetti4, _appState$serverSetti5;\n var slot = guiState.modelSlotNum;\n var clusterModelFilenameText = ((_appState$serverSetti = appState.serverSetting.fileUploadSettings[slot]) === null || _appState$serverSetti === void 0 ? void 0 : (_appState$serverSetti2 = _appState$serverSetti.clusterTorchModel) === null || _appState$serverSetti2 === void 0 ? void 0 : _appState$serverSetti2.filename) || ((_appState$serverSetti3 = appState.serverSetting.fileUploadSettings[slot]) === null || _appState$serverSetti3 === void 0 ? void 0 : (_appState$serverSetti4 = _appState$serverSetti3.clusterTorchModel) === null || _appState$serverSetti4 === void 0 ? void 0 : (_appState$serverSetti5 = _appState$serverSetti4.file) === null || _appState$serverSetti5 === void 0 ? void 0 : _appState$serverSetti5.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(slot, _objectSpread(_objectSpread({}, appState.serverSetting.fileUploadSettings[slot]), {}, {\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(slot, _objectSpread(_objectSpread({}, appState.serverSetting.fileUploadSettings[slot]), {}, {\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 }, [appState.serverSetting.fileUploadSettings, appState.serverSetting.setFileUploadSetting, guiState.modelSlotNum]);\n return pyTorchSelectRow;\n};\n\n//# sourceURL=webpack://demo/./src/components/demo/components/301-5_PyTorchClusterSelectRow.tsx?"); - -/***/ }), - -/***/ "./src/components/demo/components/301-6_FeatureSelectRow.tsx": -/*!*******************************************************************!*\ - !*** ./src/components/demo/components/301-6_FeatureSelectRow.tsx ***! - \*******************************************************************/ -/***/ ((__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 */ \"FeatureSelectRow\": () => (/* binding */ FeatureSelectRow)\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 FeatureSelectRow = function FeatureSelectRow() {\n var appState = (0,_001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_5__.useAppState)();\n var guiState = (0,_001_GuiStateProvider__WEBPACK_IMPORTED_MODULE_6__.useGuiState)();\n var featureSelectRow = (0,react__WEBPACK_IMPORTED_MODULE_3__.useMemo)(function () {\n var _appState$serverSetti, _appState$serverSetti2, _appState$serverSetti3, _appState$serverSetti4, _appState$serverSetti5;\n var slot = guiState.modelSlotNum;\n var featureFilenameText = ((_appState$serverSetti = appState.serverSetting.fileUploadSettings[slot]) === null || _appState$serverSetti === void 0 ? void 0 : (_appState$serverSetti2 = _appState$serverSetti.feature) === null || _appState$serverSetti2 === void 0 ? void 0 : _appState$serverSetti2.filename) || ((_appState$serverSetti3 = appState.serverSetting.fileUploadSettings[slot]) === null || _appState$serverSetti3 === void 0 ? void 0 : (_appState$serverSetti4 = _appState$serverSetti3.feature) === null || _appState$serverSetti4 === void 0 ? void 0 : (_appState$serverSetti5 = _appState$serverSetti4.file) === null || _appState$serverSetti5 === void 0 ? void 0 : _appState$serverSetti5.name) || \"\";\n var onFeatureFileLoadClicked = /*#__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(\".npy\") == false)) {\n _context.next = 6;\n break;\n }\n alert(\"Feature file's extension should be npy\");\n return _context.abrupt(\"return\");\n case 6:\n appState.serverSetting.setFileUploadSetting(slot, _objectSpread(_objectSpread({}, appState.serverSetting.fileUploadSettings[slot]), {}, {\n feature: {\n file: file\n }\n }));\n case 7:\n case \"end\":\n return _context.stop();\n }\n }, _callee);\n }));\n return function onFeatureFileLoadClicked() {\n return _ref.apply(this, arguments);\n };\n }();\n var onFeatureFileClearClicked = function onFeatureFileClearClicked() {\n appState.serverSetting.setFileUploadSetting(slot, _objectSpread(_objectSpread({}, appState.serverSetting.fileUploadSettings[slot]), {}, {\n feature: 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 }, \"feature(.npy)\"), /*#__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, featureFilenameText)), /*#__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: onFeatureFileLoadClicked\n }, \"select\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(\"div\", {\n className: \"body-button left-margin-1\",\n onClick: onFeatureFileClearClicked\n }, \"clear\")));\n }, [appState.serverSetting.fileUploadSettings, appState.serverSetting.setFileUploadSetting, guiState.modelSlotNum]);\n return featureSelectRow;\n};\n\n//# sourceURL=webpack://demo/./src/components/demo/components/301-6_FeatureSelectRow.tsx?"); - -/***/ }), - -/***/ "./src/components/demo/components/301-7_IndexSelectRow.tsx": -/*!*****************************************************************!*\ - !*** ./src/components/demo/components/301-7_IndexSelectRow.tsx ***! - \*****************************************************************/ -/***/ ((__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 */ \"IndexSelectRow\": () => (/* binding */ IndexSelectRow)\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 IndexSelectRow = function IndexSelectRow() {\n var appState = (0,_001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_5__.useAppState)();\n var guiState = (0,_001_GuiStateProvider__WEBPACK_IMPORTED_MODULE_6__.useGuiState)();\n var indexSelectRow = (0,react__WEBPACK_IMPORTED_MODULE_3__.useMemo)(function () {\n var _appState$serverSetti, _appState$serverSetti2, _appState$serverSetti3, _appState$serverSetti4, _appState$serverSetti5;\n var slot = guiState.modelSlotNum;\n var indexFilenameText = ((_appState$serverSetti = appState.serverSetting.fileUploadSettings[slot]) === null || _appState$serverSetti === void 0 ? void 0 : (_appState$serverSetti2 = _appState$serverSetti.index) === null || _appState$serverSetti2 === void 0 ? void 0 : _appState$serverSetti2.filename) || ((_appState$serverSetti3 = appState.serverSetting.fileUploadSettings[slot]) === null || _appState$serverSetti3 === void 0 ? void 0 : (_appState$serverSetti4 = _appState$serverSetti3.index) === null || _appState$serverSetti4 === void 0 ? void 0 : (_appState$serverSetti5 = _appState$serverSetti4.file) === null || _appState$serverSetti5 === void 0 ? void 0 : _appState$serverSetti5.name) || \"\";\n var onIndexFileLoadClicked = /*#__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(\".index\") == false)) {\n _context.next = 6;\n break;\n }\n alert(\"Index file's extension should be .index\");\n return _context.abrupt(\"return\");\n case 6:\n appState.serverSetting.setFileUploadSetting(slot, _objectSpread(_objectSpread({}, appState.serverSetting.fileUploadSettings[slot]), {}, {\n index: {\n file: file\n }\n }));\n case 7:\n case \"end\":\n return _context.stop();\n }\n }, _callee);\n }));\n return function onIndexFileLoadClicked() {\n return _ref.apply(this, arguments);\n };\n }();\n var onIndexFileClearClicked = function onIndexFileClearClicked() {\n appState.serverSetting.setFileUploadSetting(slot, _objectSpread(_objectSpread({}, appState.serverSetting.fileUploadSettings[slot]), {}, {\n index: 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 }, \"index(.index)\"), /*#__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, indexFilenameText)), /*#__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: onIndexFileLoadClicked\n }, \"select\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(\"div\", {\n className: \"body-button left-margin-1\",\n onClick: onIndexFileClearClicked\n }, \"clear\")));\n }, [appState.serverSetting.fileUploadSettings, appState.serverSetting.setFileUploadSetting, guiState.modelSlotNum]);\n return indexSelectRow;\n};\n\n//# sourceURL=webpack://demo/./src/components/demo/components/301-7_IndexSelectRow.tsx?"); - -/***/ }), - -/***/ "./src/components/demo/components/301-8_HalfPrescisionRow.tsx": -/*!********************************************************************!*\ - !*** ./src/components/demo/components/301-8_HalfPrescisionRow.tsx ***! - \********************************************************************/ -/***/ ((__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 */ \"HalfPrecisionRow\": () => (/* binding */ HalfPrecisionRow)\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 _001_GuiStateProvider__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../001_GuiStateProvider */ \"./src/components/demo/001_GuiStateProvider.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 HalfPrecisionRow = function HalfPrecisionRow() {\n var appState = (0,_001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_2__.useAppState)();\n var guiState = (0,_001_GuiStateProvider__WEBPACK_IMPORTED_MODULE_3__.useGuiState)();\n var halfPrecisionSelectRow = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {\n var slot = guiState.modelSlotNum;\n var fileUploadSetting = appState.serverSetting.fileUploadSettings[slot];\n if (!fileUploadSetting) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null);\n }\n var currentValue = fileUploadSetting ? fileUploadSetting.isHalf : true;\n var onHalfPrecisionChanged = function onHalfPrecisionChanged() {\n appState.serverSetting.setFileUploadSetting(slot, _objectSpread(_objectSpread({}, appState.serverSetting.fileUploadSettings[slot]), {}, {\n isHalf: !appState.serverSetting.fileUploadSettings[slot].isHalf\n }));\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-2\"\n }, \"-\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-item-text\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"input\", {\n type: \"checkbox\",\n checked: currentValue,\n onChange: function onChange() {\n return onHalfPrecisionChanged();\n }\n }), \" half-precision\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-button-container\"\n }));\n }, [appState.serverSetting.fileUploadSettings, appState.serverSetting.setFileUploadSetting, guiState.modelSlotNum]);\n return halfPrecisionSelectRow;\n};\n\n//# sourceURL=webpack://demo/./src/components/demo/components/301-8_HalfPrescisionRow.tsx?"); - -/***/ }), - -/***/ "./src/components/demo/components/301-9_ModelUploadButtonRow.tsx": -/*!***********************************************************************!*\ - !*** ./src/components/demo/components/301-9_ModelUploadButtonRow.tsx ***! - \***********************************************************************/ -/***/ ((__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 */ \"ModelUploadButtonRow\": () => (/* binding */ ModelUploadButtonRow)\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 _001_GuiStateProvider__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../001_GuiStateProvider */ \"./src/components/demo/001_GuiStateProvider.tsx\");\n\n\n\n\n\nvar ModelUploadButtonRow = function ModelUploadButtonRow() {\n var appState = (0,_001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_3__.useAppState)();\n var guiState = (0,_001_GuiStateProvider__WEBPACK_IMPORTED_MODULE_4__.useGuiState)();\n var modelUploadButtonRow = (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(function () {\n var slot = guiState.modelSlotNum;\n var onModelUploadClicked = /*#__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 appState.serverSetting.loadModel(slot);\n case 1:\n case \"end\":\n return _context.stop();\n }\n }, _callee);\n }));\n return function onModelUploadClicked() {\n return _ref.apply(this, arguments);\n };\n }();\n var uploadButtonClassName = appState.serverSetting.isUploading ? \"body-button-disabled\" : \"body-button\";\n var uploadButtonAction = appState.serverSetting.isUploading ? function () {} : onModelUploadClicked;\n var uploadButtonLabel = appState.serverSetting.isUploading ? \"wait...\" : \"upload\";\n var uploadingStatus = appState.serverSetting.isUploading ? appState.serverSetting.uploadProgress == 0 ? \"loading model...(wait about 20sec)\" : \"uploading.... \".concat(appState.serverSetting.uploadProgress.toFixed(1), \"%\") : \"\";\n var uploadedText = appState.serverSetting.fileUploadSettings[slot] == undefined ? \"\" : appState.serverSetting.fileUploadSettings[slot].uploaded ? \"\" : \"not uploaded\";\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-2\"\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"body-item-text\"\n }, uploadingStatus), /*#__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: uploadButtonClassName,\n onClick: uploadButtonAction\n }, uploadButtonLabel), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"body-item-text-em\"\n }, uploadedText)));\n }, [appState.serverSetting.isUploading, appState.serverSetting.uploadProgress, appState.serverSetting.loadModel, guiState.modelSlotNum, appState.serverSetting.fileUploadSettings]);\n return modelUploadButtonRow;\n};\n\n//# sourceURL=webpack://demo/./src/components/demo/components/301-9_ModelUploadButtonRow.tsx?"); - -/***/ }), - -/***/ "./src/components/demo/components/301-a_ModelSlotRow.tsx": -/*!***************************************************************!*\ - !*** ./src/components/demo/components/301-a_ModelSlotRow.tsx ***! - \***************************************************************/ -/***/ ((__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 */ \"ModelSlotRow\": () => (/* binding */ ModelSlotRow)\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 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_GuiStateProvider__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../001_GuiStateProvider */ \"./src/components/demo/001_GuiStateProvider.tsx\");\n\n\n\nvar ModelSlotRow = function ModelSlotRow() {\n var guiState = (0,_001_GuiStateProvider__WEBPACK_IMPORTED_MODULE_2__.useGuiState)();\n var modelSlotRow = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {\n var slot = guiState.modelSlotNum;\n var onModelSlotChanged = function onModelSlotChanged(val) {\n guiState.setModelSlotNum(val);\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-2\"\n }, \"Model Slot\"), /*#__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 value: slot,\n onChange: function onChange(e) {\n onModelSlotChanged(Number(e.target.value));\n }\n }, Array(_dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_0__.MAX_MODEL_SLOT_NUM).fill(0).map(function (_x, index) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"option\", {\n key: index,\n value: index\n }, index);\n }))));\n }, [guiState.modelSlotNum]);\n return modelSlotRow;\n};\n\n//# sourceURL=webpack://demo/./src/components/demo/components/301-a_ModelSlotRow.tsx?"); - -/***/ }), - -/***/ "./src/components/demo/components/301-c_DefaultTuneRow.tsx": -/*!*****************************************************************!*\ - !*** ./src/components/demo/components/301-c_DefaultTuneRow.tsx ***! - \*****************************************************************/ -/***/ ((__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 */ \"DefaultTuneRow\": () => (/* binding */ DefaultTuneRow)\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 _001_GuiStateProvider__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../001_GuiStateProvider */ \"./src/components/demo/001_GuiStateProvider.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 DefaultTuneRow = function DefaultTuneRow() {\n var appState = (0,_001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_2__.useAppState)();\n var guiState = (0,_001_GuiStateProvider__WEBPACK_IMPORTED_MODULE_3__.useGuiState)();\n var defaultTuneRow = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {\n var slot = guiState.modelSlotNum;\n var fileUploadSetting = appState.serverSetting.fileUploadSettings[slot];\n if (!fileUploadSetting) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null);\n }\n var currentValue = fileUploadSetting.defaultTune;\n var onDefaultTuneChanged = function onDefaultTuneChanged(val) {\n appState.serverSetting.setFileUploadSetting(slot, _objectSpread(_objectSpread({}, appState.serverSetting.fileUploadSettings[slot]), {}, {\n defaultTune: val\n }));\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-2 \"\n }, \"Default Tune\"), /*#__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: currentValue,\n onChange: function onChange(e) {\n onDefaultTuneChanged(Number(e.target.value));\n }\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"span\", {\n className: \"body-item-input-slider-val\"\n }, currentValue)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"div\", {\n className: \"body-button-container\"\n }));\n }, [appState.serverSetting.fileUploadSettings, guiState.modelSlotNum]);\n return defaultTuneRow;\n};\n\n//# sourceURL=webpack://demo/./src/components/demo/components/301-c_DefaultTuneRow.tsx?"); - -/***/ }), - -/***/ "./src/components/demo/components/301-d_FrameworkSelector.tsx": -/*!********************************************************************!*\ - !*** ./src/components/demo/components/301-d_FrameworkSelector.tsx ***! - \********************************************************************/ -/***/ ((__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 */ \"FrameworkSelectorRow\": () => (/* binding */ FrameworkSelectorRow)\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 _dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_1__ = __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_1___default = /*#__PURE__*/__webpack_require__.n(_dannadori_voice_changer_client_js__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 _001_GuiStateProvider__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../001_GuiStateProvider */ \"./src/components/demo/001_GuiStateProvider.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 FrameworkSelectorRow = function FrameworkSelectorRow() {\n var appState = (0,_001_provider_001_AppStateProvider__WEBPACK_IMPORTED_MODULE_3__.useAppState)();\n var guiState = (0,_001_GuiStateProvider__WEBPACK_IMPORTED_MODULE_4__.useGuiState)();\n var frameworkSelectorRow = (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(function () {\n var slot = guiState.modelSlotNum;\n var fileUploadSetting = appState.serverSetting.fileUploadSettings[slot];\n var currentValue = (fileUploadSetting === null || fileUploadSetting === void 0 ? void 0 : fileUploadSetting.framework) || _dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_1__.Framework.PyTorch;\n var onFrameworkChanged = function onFrameworkChanged(val) {\n appState.serverSetting.setFileUploadSetting(slot, _objectSpread(_objectSpread({}, appState.serverSetting.fileUploadSettings[slot]), {}, {\n framework: val\n }));\n };\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-2\"\n }, \"Framework\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"div\", {\n className: \"body-input-container\"\n }, /*#__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: currentValue,\n onChange: function onChange(e) {\n onFrameworkChanged(e.target.value);\n }\n }, Object.values(_dannadori_voice_changer_client_js__WEBPACK_IMPORTED_MODULE_1__.Framework).map(function (x) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(\"option\", {\n key: x,\n value: x\n }, x);\n })))));\n }, [appState.serverSetting.fileUploadSettings, appState.serverSetting.setFileUploadSetting, guiState.modelSlotNum]);\n return frameworkSelectorRow;\n};\n\n//# sourceURL=webpack://demo/./src/components/demo/components/301-d_FrameworkSelector.tsx?"); - -/***/ }), - /***/ "./src/components/demo/components/301-e_CommonFileSelectRow.tsx": /*!**********************************************************************!*\ !*** ./src/components/demo/components/301-e_CommonFileSelectRow.tsx ***! @@ -591,17 +448,6 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /***/ }), -/***/ "./src/components/demo/components/301_ModelUploaderRow.tsx": -/*!*****************************************************************!*\ - !*** ./src/components/demo/components/301_ModelUploaderRow.tsx ***! - \*****************************************************************/ -/***/ ((__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/* harmony import */ var _301_1_ConfigSelectRow__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./301-1_ConfigSelectRow */ \"./src/components/demo/components/301-1_ConfigSelectRow.tsx\");\n/* harmony import */ var _301_2_5_ModelSelectRow__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./301-2-5_ModelSelectRow */ \"./src/components/demo/components/301-2-5_ModelSelectRow.tsx\");\n/* harmony import */ var _301_2_ONNXSelectRow__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./301-2_ONNXSelectRow */ \"./src/components/demo/components/301-2_ONNXSelectRow.tsx\");\n/* harmony import */ var _301_3_PyTorchSelectRow__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./301-3_PyTorchSelectRow */ \"./src/components/demo/components/301-3_PyTorchSelectRow.tsx\");\n/* harmony import */ var _301_4_CorrespondenceSelectRow__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./301-4_CorrespondenceSelectRow */ \"./src/components/demo/components/301-4_CorrespondenceSelectRow.tsx\");\n/* harmony import */ var _301_5_PyTorchClusterSelectRow__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./301-5_PyTorchClusterSelectRow */ \"./src/components/demo/components/301-5_PyTorchClusterSelectRow.tsx\");\n/* harmony import */ var _301_6_FeatureSelectRow__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./301-6_FeatureSelectRow */ \"./src/components/demo/components/301-6_FeatureSelectRow.tsx\");\n/* harmony import */ var _301_7_IndexSelectRow__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./301-7_IndexSelectRow */ \"./src/components/demo/components/301-7_IndexSelectRow.tsx\");\n/* harmony import */ var _301_8_HalfPrescisionRow__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./301-8_HalfPrescisionRow */ \"./src/components/demo/components/301-8_HalfPrescisionRow.tsx\");\n/* harmony import */ var _301_9_ModelUploadButtonRow__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./301-9_ModelUploadButtonRow */ \"./src/components/demo/components/301-9_ModelUploadButtonRow.tsx\");\n/* harmony import */ var _301_a_ModelSlotRow__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./301-a_ModelSlotRow */ \"./src/components/demo/components/301-a_ModelSlotRow.tsx\");\n/* harmony import */ var _301_c_DefaultTuneRow__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./301-c_DefaultTuneRow */ \"./src/components/demo/components/301-c_DefaultTuneRow.tsx\");\n/* harmony import */ var _301_d_FrameworkSelector__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./301-d_FrameworkSelector */ \"./src/components/demo/components/301-d_FrameworkSelector.tsx\");\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar ModelUploaderRow = function ModelUploaderRow(props) {\n var guiState = (0,_001_GuiStateProvider__WEBPACK_IMPORTED_MODULE_1__.useGuiState)();\n (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n guiState.setShowPyTorchModelUpload(props.defaultEnablePyTorch);\n }, []);\n var modelUploaderRow = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {\n var pytorchEnableCheckBox = props.showPyTorchEnableCheckBox ? /*#__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\") : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null);\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: \"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 }, pytorchEnableCheckBox)), props.showModelSlot ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_301_a_ModelSlotRow__WEBPACK_IMPORTED_MODULE_12__.ModelSlotRow, null) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null), props.showFrameworkSelector ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_301_d_FrameworkSelector__WEBPACK_IMPORTED_MODULE_14__.FrameworkSelectorRow, null) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null), props.showConfig ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_301_1_ConfigSelectRow__WEBPACK_IMPORTED_MODULE_2__.ConfigSelectRow, null) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null), props.oneModelFileType ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_301_2_5_ModelSelectRow__WEBPACK_IMPORTED_MODULE_3__.ModelSelectRow, null) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null), props.showOnnx ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_301_2_ONNXSelectRow__WEBPACK_IMPORTED_MODULE_4__.ONNXSelectRow, {\n onlyWhenSelected: props.onlySelectedFramework\n }) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null), props.showPyTorch ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_301_3_PyTorchSelectRow__WEBPACK_IMPORTED_MODULE_5__.PyTorchSelectRow, {\n onlyWhenSelected: props.onlySelectedFramework\n }) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null), props.showCorrespondence ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_301_4_CorrespondenceSelectRow__WEBPACK_IMPORTED_MODULE_6__.CorrespondenceSelectRow, null) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null), props.showPyTorchCluster ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_301_5_PyTorchClusterSelectRow__WEBPACK_IMPORTED_MODULE_7__.PyTorchClusterSelectRow, null) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null), props.showFeature ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_301_6_FeatureSelectRow__WEBPACK_IMPORTED_MODULE_8__.FeatureSelectRow, null) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null), props.showIndex ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_301_7_IndexSelectRow__WEBPACK_IMPORTED_MODULE_9__.IndexSelectRow, null) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null), props.showHalfPrecision ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_301_8_HalfPrescisionRow__WEBPACK_IMPORTED_MODULE_10__.HalfPrecisionRow, null) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null), props.showDefaultTune ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_301_c_DefaultTuneRow__WEBPACK_IMPORTED_MODULE_13__.DefaultTuneRow, null) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_301_9_ModelUploadButtonRow__WEBPACK_IMPORTED_MODULE_11__.ModelUploadButtonRow, null));\n }, [guiState.showPyTorchModelUpload]);\n return modelUploaderRow;\n};\n\n//# sourceURL=webpack://demo/./src/components/demo/components/301_ModelUploaderRow.tsx?"); - -/***/ }), - /***/ "./src/components/demo/components/301_ModelUploaderRowv2.tsx": /*!*******************************************************************!*\ !*** ./src/components/demo/components/301_ModelUploaderRowv2.tsx ***! diff --git a/client/demo/src/components/demo/002_ComponentGenerator.tsx b/client/demo/src/components/demo/002_ComponentGenerator.tsx index 39277ab9..5cf55268 100644 --- a/client/demo/src/components/demo/002_ComponentGenerator.tsx +++ b/client/demo/src/components/demo/002_ComponentGenerator.tsx @@ -4,7 +4,6 @@ import { Title, TitleProps } from "./components/101_Title" import { StartButtonRow, StartButtonRowProps } from "./components/201_StartButtonRow" import { PerformanceRow, PerformanceRowProps } from "./components/202_PerformanceRow" import { ServerInfoRow, ServerInfoRowProps } from "./components/203_ServerInfoRow" -import { ModelUploaderRow, ModelUploaderRowProps } from "./components/301_ModelUploaderRow" import { FrameworkRow, FrameworkRowProps } from "./components/302_FrameworkRow" import { AudioInputRow, AudioInputRowProps } from "./components/401_AudioInputRow" import { AudioOutputRow, AudioOutputRowProps } from "./components/402_AudioOutputRow" @@ -83,8 +82,6 @@ const initialize = () => { addToCatalog("onnxExecutor", (props: ONNXExecutorRowProps) => { return }) - - addToCatalog("modelUploader", (props: ModelUploaderRowProps) => { return }) addToCatalog("modelUploaderv2", (props: ModelUploaderRowv2Props) => { return }) addToCatalog("framework", (props: FrameworkRowProps) => { return }) addToCatalog("modelSamplingRate", (props: ModelSamplingRateRowProps) => { return }) diff --git a/client/demo/src/components/demo/components/301-1_ConfigSelectRow.tsx b/client/demo/src/components/demo/components/301-1_ConfigSelectRow.tsx deleted file mode 100644 index 851dbaaf..00000000 --- a/client/demo/src/components/demo/components/301-1_ConfigSelectRow.tsx +++ /dev/null @@ -1,48 +0,0 @@ -import React, { useMemo } from "react" -import { fileSelector } from "@dannadori/voice-changer-client-js" -import { useAppState } from "../../../001_provider/001_AppStateProvider" -import { useGuiState } from "../001_GuiStateProvider" - -export const ConfigSelectRow = () => { - const appState = useAppState() - const guiState = useGuiState() - - const configSelectRow = useMemo(() => { - const slot = guiState.modelSlotNum - const configFilenameText = appState.serverSetting.fileUploadSettings[slot]?.configFile?.filename || appState.serverSetting.fileUploadSettings[slot]?.configFile?.file?.name || "" - const onConfigFileLoadClicked = async () => { - const file = await fileSelector("") - if (file.name.endsWith(".json") == false && file.name.endsWith(".yaml") == false) { - alert("モデルファイルの拡張子はjsonである必要があります。") - return - } - appState.serverSetting.setFileUploadSetting(slot, { - ...appState.serverSetting.fileUploadSettings[slot], - configFile: { - file: file - } - }) - } - const onConfigFileClearClicked = () => { - appState.serverSetting.setFileUploadSetting(slot, { - ...appState.serverSetting.fileUploadSettings[slot], - configFile: null - }) - } - - return ( -
-
Config(.json)
-
-
{configFilenameText}
-
-
-
select
-
clear
-
-
- ) - }, [appState.serverSetting.fileUploadSettings, appState.serverSetting.setFileUploadSetting, guiState.modelSlotNum]) - - return configSelectRow -} \ No newline at end of file diff --git a/client/demo/src/components/demo/components/301-2-5_ModelSelectRow.tsx b/client/demo/src/components/demo/components/301-2-5_ModelSelectRow.tsx deleted file mode 100644 index cde86d74..00000000 --- a/client/demo/src/components/demo/components/301-2-5_ModelSelectRow.tsx +++ /dev/null @@ -1,73 +0,0 @@ -import React, { useMemo } from "react" -import { fileSelector } from "@dannadori/voice-changer-client-js" -import { useAppState } from "../../../001_provider/001_AppStateProvider" -import { useGuiState } from "../001_GuiStateProvider" - - -export const ModelSelectRow = () => { - const appState = useAppState() - const guiState = useGuiState() - - - const onnxSelectRow = useMemo(() => { - const slot = guiState.modelSlotNum - const fileUploadSetting = appState.serverSetting.fileUploadSettings[slot] - if (!fileUploadSetting) { - return <> - } - - const onnxModelFilenameText = fileUploadSetting.onnxModel?.filename || fileUploadSetting.onnxModel?.file?.name || "" - const pyTorchFilenameText = fileUploadSetting.pyTorchModel?.filename || fileUploadSetting.pyTorchModel?.file?.name || "" - const modelFilenameText = onnxModelFilenameText + pyTorchFilenameText - - const onModelFileLoadClicked = async () => { - const file = await fileSelector("") - if (file.name.endsWith(".onnx") == false && file.name.endsWith(".pth") == false) { - alert("モデルファイルの拡張子は.onnxか.pthである必要があります。(Extension of the model file should be .onnx or .pth.)") - return - } - if (file.name.endsWith(".onnx") == true) { - appState.serverSetting.setFileUploadSetting(slot, { - ...appState.serverSetting.fileUploadSettings[slot], - onnxModel: { - file: file - }, - pyTorchModel: null - }) - return - } - if (file.name.endsWith(".pth") == true) { - appState.serverSetting.setFileUploadSetting(slot, { - ...appState.serverSetting.fileUploadSettings[slot], - pyTorchModel: { - file: file - }, - onnxModel: null - }) - return - } - } - const onModelFileClearClicked = () => { - appState.serverSetting.setFileUploadSetting(slot, { - ...appState.serverSetting.fileUploadSettings[slot], - onnxModel: null, - pyTorchModel: null - }) - } - - return ( -
-
Model(.onnx or .pth)
-
-
{modelFilenameText}
-
-
-
select
-
clear
-
-
- ) - }, [appState.serverSetting.fileUploadSettings, appState.serverSetting.setFileUploadSetting, guiState.modelSlotNum]) - - return onnxSelectRow -} \ No newline at end of file diff --git a/client/demo/src/components/demo/components/301-2_ONNXSelectRow.tsx b/client/demo/src/components/demo/components/301-2_ONNXSelectRow.tsx deleted file mode 100644 index bef15ffa..00000000 --- a/client/demo/src/components/demo/components/301-2_ONNXSelectRow.tsx +++ /dev/null @@ -1,57 +0,0 @@ -import React, { useMemo } from "react" -import { fileSelector } from "@dannadori/voice-changer-client-js" -import { useAppState } from "../../../001_provider/001_AppStateProvider" -import { useGuiState } from "../001_GuiStateProvider" - -type ONNXSelectRowProps = { - onlyWhenSelected: boolean -} - -export const ONNXSelectRow = (props: ONNXSelectRowProps) => { - const appState = useAppState() - const guiState = useGuiState() - - - const onnxSelectRow = useMemo(() => { - const slot = guiState.modelSlotNum - if (props.onlyWhenSelected && appState.serverSetting.fileUploadSettings[slot]?.framework != "ONNX") { - return <> - } - - const onnxModelFilenameText = appState.serverSetting.fileUploadSettings[slot]?.onnxModel?.filename || appState.serverSetting.fileUploadSettings[slot]?.onnxModel?.file?.name || "" - const onOnnxFileLoadClicked = async () => { - const file = await fileSelector("") - if (file.name.endsWith(".onnx") == false) { - alert("モデルファイルの拡張子はonnxである必要があります。") - return - } - appState.serverSetting.setFileUploadSetting(slot, { - ...appState.serverSetting.fileUploadSettings[slot], - onnxModel: { - file: file - } - }) - } - const onOnnxFileClearClicked = () => { - appState.serverSetting.setFileUploadSetting(slot, { - ...appState.serverSetting.fileUploadSettings[slot], - onnxModel: null - }) - } - - return ( -
-
Onnx(.onnx)
-
-
{onnxModelFilenameText}
-
-
-
select
-
clear
-
-
- ) - }, [appState.serverSetting.fileUploadSettings, appState.serverSetting.setFileUploadSetting, guiState.modelSlotNum]) - - return onnxSelectRow -} \ No newline at end of file diff --git a/client/demo/src/components/demo/components/301-3_PyTorchSelectRow.tsx b/client/demo/src/components/demo/components/301-3_PyTorchSelectRow.tsx deleted file mode 100644 index aa7da14b..00000000 --- a/client/demo/src/components/demo/components/301-3_PyTorchSelectRow.tsx +++ /dev/null @@ -1,61 +0,0 @@ -import React, { useMemo } from "react" -import { fileSelector } from "@dannadori/voice-changer-client-js" -import { useAppState } from "../../../001_provider/001_AppStateProvider" -import { useGuiState } from "../001_GuiStateProvider" - -export type PyTorchSelectRowProps = { - onlyWhenSelected: boolean -} - -export const PyTorchSelectRow = (props: PyTorchSelectRowProps) => { - const appState = useAppState() - const guiState = useGuiState() - - const pyTorchSelectRow = useMemo(() => { - if (guiState.showPyTorchModelUpload == false) { - return <> - } - const slot = guiState.modelSlotNum - if (props.onlyWhenSelected && appState.serverSetting.fileUploadSettings[slot]?.framework != "PyTorch") { - return <> - } - - - const pyTorchFilenameText = appState.serverSetting.fileUploadSettings[slot]?.pyTorchModel?.filename || appState.serverSetting.fileUploadSettings[slot]?.pyTorchModel?.file?.name || "" - const onPyTorchFileLoadClicked = async () => { - const file = await fileSelector("") - if (file.name.endsWith(".pth") == false) { - alert("モデルファイルの拡張子はpthである必要があります。") - return - } - appState.serverSetting.setFileUploadSetting(slot, { - ...appState.serverSetting.fileUploadSettings[slot], - pyTorchModel: { - file: file - } - }) - } - const onPyTorchFileClearClicked = () => { - appState.serverSetting.setFileUploadSetting(slot, { - ...appState.serverSetting.fileUploadSettings[slot], - pyTorchModel: null - }) - } - - - return ( -
-
PyTorch(.pth)
-
-
{pyTorchFilenameText}
-
-
-
select
-
clear
-
-
- ) - }, [guiState.showPyTorchModelUpload, appState.serverSetting.fileUploadSettings, appState.serverSetting.setFileUploadSetting, appState.serverSetting.serverSetting, appState.serverSetting.updateServerSettings, guiState.isConverting, guiState.modelSlotNum]) - - return pyTorchSelectRow -} \ No newline at end of file diff --git a/client/demo/src/components/demo/components/301-4_CorrespondenceSelectRow.tsx b/client/demo/src/components/demo/components/301-4_CorrespondenceSelectRow.tsx deleted file mode 100644 index 01bb02b6..00000000 --- a/client/demo/src/components/demo/components/301-4_CorrespondenceSelectRow.tsx +++ /dev/null @@ -1,53 +0,0 @@ -import React, { useMemo } from "react" -import { fileSelector, Correspondence } from "@dannadori/voice-changer-client-js" -import { useAppState } from "../../../001_provider/001_AppStateProvider" - -export const CorrespondenceSelectRow = () => { - const appState = useAppState() - - const CorrespondenceSelectRow = useMemo(() => { - const correspondenceFileText = appState.clientSetting.clientSetting.correspondences ? JSON.stringify(appState.clientSetting.clientSetting.correspondences.map(x => { return x.dirname })) : "" - const onCorrespondenceFileLoadClicked = async () => { - const file = await fileSelector("") - - const correspondenceText = await file.text() - const cors = correspondenceText.split("\n").map(line => { - const items = line.split("|") - if (items.length != 3) { - console.warn("Invalid Correspondence Line:", line) - return null - } else { - const cor: Correspondence = { - sid: Number(items[0]), - correspondence: Number(items[1]), - dirname: items[2] - } - return cor - } - }).filter(x => { return x != null }) as Correspondence[] - console.log("recogninzed corresponding lines:", cors) - appState.clientSetting.updateClientSetting({ ...appState.clientSetting.clientSetting, correspondences: cors }) - - } - - const onCorrespondenceFileClearClicked = () => { - appState.clientSetting.updateClientSetting({ ...appState.clientSetting.clientSetting, correspondences: [] }) - } - - - return ( -
-
Correspondence
-
-
{correspondenceFileText}
-
-
-
select
-
clear
-
-
- ) - }, [appState.clientSetting.clientSetting, appState.clientSetting.updateClientSetting]) - - return CorrespondenceSelectRow -} \ No newline at end of file diff --git a/client/demo/src/components/demo/components/301-5_PyTorchClusterSelectRow.tsx b/client/demo/src/components/demo/components/301-5_PyTorchClusterSelectRow.tsx deleted file mode 100644 index e6bdae82..00000000 --- a/client/demo/src/components/demo/components/301-5_PyTorchClusterSelectRow.tsx +++ /dev/null @@ -1,51 +0,0 @@ -import React, { useMemo } from "react" -import { fileSelector } from "@dannadori/voice-changer-client-js" -import { useAppState } from "../../../001_provider/001_AppStateProvider" -import { useGuiState } from "../001_GuiStateProvider" - - -export const PyTorchClusterSelectRow = () => { - const appState = useAppState() - const guiState = useGuiState() - - - const pyTorchSelectRow = useMemo(() => { - const slot = guiState.modelSlotNum - const clusterModelFilenameText = appState.serverSetting.fileUploadSettings[slot]?.clusterTorchModel?.filename || appState.serverSetting.fileUploadSettings[slot]?.clusterTorchModel?.file?.name || "" - const onClusterFileLoadClicked = async () => { - const file = await fileSelector("") - if (file.name.endsWith(".pt") == false) { - alert("モデルファイルの拡張子はptである必要があります。") - return - } - appState.serverSetting.setFileUploadSetting(slot, { - ...appState.serverSetting.fileUploadSettings[slot], - clusterTorchModel: { - file: file - } - }) - } - - const onClusterFileClearClicked = () => { - appState.serverSetting.setFileUploadSetting(slot, { - ...appState.serverSetting.fileUploadSettings[slot], - clusterTorchModel: null - }) - } - - return ( -
-
cluster(.pt)
-
-
{clusterModelFilenameText}
-
-
-
select
-
clear
-
-
- ) - }, [appState.serverSetting.fileUploadSettings, appState.serverSetting.setFileUploadSetting, guiState.modelSlotNum]) - - return pyTorchSelectRow -} \ No newline at end of file diff --git a/client/demo/src/components/demo/components/301-6_FeatureSelectRow.tsx b/client/demo/src/components/demo/components/301-6_FeatureSelectRow.tsx deleted file mode 100644 index fbafa6e1..00000000 --- a/client/demo/src/components/demo/components/301-6_FeatureSelectRow.tsx +++ /dev/null @@ -1,51 +0,0 @@ -import React, { useMemo } from "react" -import { fileSelector } from "@dannadori/voice-changer-client-js" -import { useAppState } from "../../../001_provider/001_AppStateProvider" -import { useGuiState } from "../001_GuiStateProvider" - - -export const FeatureSelectRow = () => { - const appState = useAppState() - const guiState = useGuiState() - - - const featureSelectRow = useMemo(() => { - const slot = guiState.modelSlotNum - const featureFilenameText = appState.serverSetting.fileUploadSettings[slot]?.feature?.filename || appState.serverSetting.fileUploadSettings[slot]?.feature?.file?.name || "" - const onFeatureFileLoadClicked = async () => { - const file = await fileSelector("") - if (file.name.endsWith(".npy") == false) { - alert("Feature file's extension should be npy") - return - } - appState.serverSetting.setFileUploadSetting(slot, { - ...appState.serverSetting.fileUploadSettings[slot], - feature: { - file: file - } - }) - } - - const onFeatureFileClearClicked = () => { - appState.serverSetting.setFileUploadSetting(slot, { - ...appState.serverSetting.fileUploadSettings[slot], - feature: null - }) - } - - return ( -
-
feature(.npy)
-
-
{featureFilenameText}
-
-
-
select
-
clear
-
-
- ) - }, [appState.serverSetting.fileUploadSettings, appState.serverSetting.setFileUploadSetting, guiState.modelSlotNum]) - - return featureSelectRow -} \ No newline at end of file diff --git a/client/demo/src/components/demo/components/301-7_IndexSelectRow.tsx b/client/demo/src/components/demo/components/301-7_IndexSelectRow.tsx deleted file mode 100644 index 1c5d9f30..00000000 --- a/client/demo/src/components/demo/components/301-7_IndexSelectRow.tsx +++ /dev/null @@ -1,51 +0,0 @@ -import React, { useMemo } from "react" -import { fileSelector } from "@dannadori/voice-changer-client-js" -import { useAppState } from "../../../001_provider/001_AppStateProvider" -import { useGuiState } from "../001_GuiStateProvider" - - -export const IndexSelectRow = () => { - const appState = useAppState() - const guiState = useGuiState() - - - const indexSelectRow = useMemo(() => { - const slot = guiState.modelSlotNum - const indexFilenameText = appState.serverSetting.fileUploadSettings[slot]?.index?.filename || appState.serverSetting.fileUploadSettings[slot]?.index?.file?.name || "" - const onIndexFileLoadClicked = async () => { - const file = await fileSelector("") - if (file.name.endsWith(".index") == false) { - alert("Index file's extension should be .index") - return - } - appState.serverSetting.setFileUploadSetting(slot, { - ...appState.serverSetting.fileUploadSettings[slot], - index: { - file: file - } - }) - } - - const onIndexFileClearClicked = () => { - appState.serverSetting.setFileUploadSetting(slot, { - ...appState.serverSetting.fileUploadSettings[slot], - index: null - }) - } - - return ( -
-
index(.index)
-
-
{indexFilenameText}
-
-
-
select
-
clear
-
-
- ) - }, [appState.serverSetting.fileUploadSettings, appState.serverSetting.setFileUploadSetting, guiState.modelSlotNum]) - - return indexSelectRow -} \ No newline at end of file diff --git a/client/demo/src/components/demo/components/301-8_HalfPrescisionRow.tsx b/client/demo/src/components/demo/components/301-8_HalfPrescisionRow.tsx deleted file mode 100644 index 57a7acee..00000000 --- a/client/demo/src/components/demo/components/301-8_HalfPrescisionRow.tsx +++ /dev/null @@ -1,37 +0,0 @@ -import React, { useMemo } from "react" -import { useAppState } from "../../../001_provider/001_AppStateProvider" -import { useGuiState } from "../001_GuiStateProvider" - - -export const HalfPrecisionRow = () => { - const appState = useAppState() - const guiState = useGuiState() - - const halfPrecisionSelectRow = useMemo(() => { - const slot = guiState.modelSlotNum - const fileUploadSetting = appState.serverSetting.fileUploadSettings[slot] - if (!fileUploadSetting) { - return <> - } - const currentValue = fileUploadSetting ? fileUploadSetting.isHalf : true - const onHalfPrecisionChanged = () => { - appState.serverSetting.setFileUploadSetting(slot, { - ...appState.serverSetting.fileUploadSettings[slot], - isHalf: !appState.serverSetting.fileUploadSettings[slot].isHalf - }) - } - - return ( -
-
-
-
- onHalfPrecisionChanged()} /> half-precision -
-
-
-
- ) - }, [appState.serverSetting.fileUploadSettings, appState.serverSetting.setFileUploadSetting, guiState.modelSlotNum]) - - return halfPrecisionSelectRow -} \ No newline at end of file diff --git a/client/demo/src/components/demo/components/301-9_ModelUploadButtonRow.tsx b/client/demo/src/components/demo/components/301-9_ModelUploadButtonRow.tsx deleted file mode 100644 index 69e4421a..00000000 --- a/client/demo/src/components/demo/components/301-9_ModelUploadButtonRow.tsx +++ /dev/null @@ -1,38 +0,0 @@ -import React, { useMemo } from "react" -import { useAppState } from "../../../001_provider/001_AppStateProvider" -import { useGuiState } from "../001_GuiStateProvider" - -export const ModelUploadButtonRow = () => { - const appState = useAppState() - const guiState = useGuiState() - const modelUploadButtonRow = useMemo(() => { - const slot = guiState.modelSlotNum - const onModelUploadClicked = async () => { - appState.serverSetting.loadModel(slot) - } - - const uploadButtonClassName = appState.serverSetting.isUploading ? "body-button-disabled" : "body-button" - const uploadButtonAction = appState.serverSetting.isUploading ? () => { } : onModelUploadClicked - const uploadButtonLabel = appState.serverSetting.isUploading ? "wait..." : "upload" - const uploadingStatus = appState.serverSetting.isUploading ? - appState.serverSetting.uploadProgress == 0 ? `loading model...(wait about 20sec)` : `uploading.... ${appState.serverSetting.uploadProgress.toFixed(1)}%` : "" - - - const uploadedText = appState.serverSetting.fileUploadSettings[slot] == undefined ? "" : appState.serverSetting.fileUploadSettings[slot].uploaded ? "" : "not uploaded" - return ( -
-
-
- {uploadingStatus} -
-
-
{uploadButtonLabel}
-
{uploadedText}
-
-
- - ) - }, [appState.serverSetting.isUploading, appState.serverSetting.uploadProgress, appState.serverSetting.loadModel, guiState.modelSlotNum, appState.serverSetting.fileUploadSettings]) - - return modelUploadButtonRow -} \ No newline at end of file diff --git a/client/demo/src/components/demo/components/301-a_ModelSlotRow.tsx b/client/demo/src/components/demo/components/301-a_ModelSlotRow.tsx deleted file mode 100644 index 592568cb..00000000 --- a/client/demo/src/components/demo/components/301-a_ModelSlotRow.tsx +++ /dev/null @@ -1,28 +0,0 @@ -import { MAX_MODEL_SLOT_NUM } from "@dannadori/voice-changer-client-js" -import React, { useMemo } from "react" -import { useGuiState } from "../001_GuiStateProvider" - -export const ModelSlotRow = () => { - const guiState = useGuiState() - const modelSlotRow = useMemo(() => { - const slot = guiState.modelSlotNum - const onModelSlotChanged = (val: number) => { - guiState.setModelSlotNum(val) - } - return ( -
-
Model Slot
-
- -
-
- ) - }, [guiState.modelSlotNum]) - - return modelSlotRow -} \ No newline at end of file diff --git a/client/demo/src/components/demo/components/301-b_DescriptionRow.tsx b/client/demo/src/components/demo/components/301-b_DescriptionRow.tsx deleted file mode 100644 index 4a47e516..00000000 --- a/client/demo/src/components/demo/components/301-b_DescriptionRow.tsx +++ /dev/null @@ -1,22 +0,0 @@ -import React, { useMemo } from "react" -import { useAppState } from "../../../001_provider/001_AppStateProvider" -import { useGuiState } from "../001_GuiStateProvider" - -export const DescriptionRow = () => { - const appState = useAppState() - const guiState = useGuiState() - const descriptionRow = useMemo(() => { - const slot = guiState.modelSlotNum - const fileUploadSetting = appState.serverSetting.fileUploadSettings[slot] - return ( -
-
Model Desc.
-
- Tuning: {fileUploadSetting?.defaultTune || 0} -
-
- ) - }, [appState.serverSetting.fileUploadSettings, guiState.modelSlotNum]) - - return descriptionRow -} \ No newline at end of file diff --git a/client/demo/src/components/demo/components/301-c_DefaultTuneRow.tsx b/client/demo/src/components/demo/components/301-c_DefaultTuneRow.tsx deleted file mode 100644 index 336dcd9b..00000000 --- a/client/demo/src/components/demo/components/301-c_DefaultTuneRow.tsx +++ /dev/null @@ -1,42 +0,0 @@ -import React, { useMemo } from "react" -import { useAppState } from "../../../001_provider/001_AppStateProvider" -import { useGuiState } from "../001_GuiStateProvider" - -export const DefaultTuneRow = () => { - const appState = useAppState() - const guiState = useGuiState() - const defaultTuneRow = useMemo(() => { - const slot = guiState.modelSlotNum - const fileUploadSetting = appState.serverSetting.fileUploadSettings[slot] - if (!fileUploadSetting) { - return <> - } - const currentValue = fileUploadSetting.defaultTune - - const onDefaultTuneChanged = (val: number) => { - appState.serverSetting.setFileUploadSetting(slot, { - ...appState.serverSetting.fileUploadSettings[slot], - defaultTune: val - }) - } - - return ( -
-
Default Tune
-
- { - onDefaultTuneChanged(Number(e.target.value)) - }}> - {currentValue} -
-
-
-
-
-
- ) - - }, [appState.serverSetting.fileUploadSettings, guiState.modelSlotNum]) - - return defaultTuneRow -} \ No newline at end of file diff --git a/client/demo/src/components/demo/components/301-d_FrameworkSelector.tsx b/client/demo/src/components/demo/components/301-d_FrameworkSelector.tsx deleted file mode 100644 index 394bd855..00000000 --- a/client/demo/src/components/demo/components/301-d_FrameworkSelector.tsx +++ /dev/null @@ -1,42 +0,0 @@ -import { Framework } from "@dannadori/voice-changer-client-js" -import React, { useMemo } from "react" -import { useAppState } from "../../../001_provider/001_AppStateProvider" -import { useGuiState } from "../001_GuiStateProvider" - -export const FrameworkSelectorRow = () => { - const appState = useAppState() - const guiState = useGuiState() - const frameworkSelectorRow = useMemo(() => { - const slot = guiState.modelSlotNum - const fileUploadSetting = appState.serverSetting.fileUploadSettings[slot] - const currentValue = fileUploadSetting?.framework || Framework.PyTorch - - const onFrameworkChanged = (val: Framework) => { - appState.serverSetting.setFileUploadSetting(slot, { - ...appState.serverSetting.fileUploadSettings[slot], - framework: val - }) - } - return ( -
-
Framework
-
-
- -
- -
-
- ) - }, [appState.serverSetting.fileUploadSettings, appState.serverSetting.setFileUploadSetting, guiState.modelSlotNum]) - - return frameworkSelectorRow -} \ No newline at end of file diff --git a/client/demo/src/components/demo/components/301_ModelUploaderRow.tsx b/client/demo/src/components/demo/components/301_ModelUploaderRow.tsx deleted file mode 100644 index b4578550..00000000 --- a/client/demo/src/components/demo/components/301_ModelUploaderRow.tsx +++ /dev/null @@ -1,88 +0,0 @@ -import React, { useMemo, useEffect } from "react" -import { useGuiState } from "../001_GuiStateProvider" -import { ConfigSelectRow } from "./301-1_ConfigSelectRow" -import { ModelSelectRow } from "./301-2-5_ModelSelectRow" -import { ONNXSelectRow } from "./301-2_ONNXSelectRow" -import { PyTorchSelectRow } from "./301-3_PyTorchSelectRow" -import { CorrespondenceSelectRow } from "./301-4_CorrespondenceSelectRow" -import { PyTorchClusterSelectRow } from "./301-5_PyTorchClusterSelectRow" -import { FeatureSelectRow } from "./301-6_FeatureSelectRow" -import { IndexSelectRow } from "./301-7_IndexSelectRow" -import { HalfPrecisionRow } from "./301-8_HalfPrescisionRow" -import { ModelUploadButtonRow } from "./301-9_ModelUploadButtonRow" -import { ModelSlotRow } from "./301-a_ModelSlotRow" -import { DefaultTuneRow } from "./301-c_DefaultTuneRow" -import { FrameworkSelectorRow } from "./301-d_FrameworkSelector" - -export type ModelUploaderRowProps = { - showModelSlot: boolean - showFrameworkSelector: boolean - showConfig: boolean - showOnnx: boolean - showPyTorch: boolean - showCorrespondence: boolean - showPyTorchCluster: boolean - - showFeature: boolean - showIndex: boolean - showHalfPrecision: boolean - showDescription: boolean - showDefaultTune: boolean - - showPyTorchEnableCheckBox: boolean - defaultEnablePyTorch: boolean - onlySelectedFramework: boolean - oneModelFileType: boolean - - showOnnxExportButton: boolean -} - -export const ModelUploaderRow = (props: ModelUploaderRowProps) => { - const guiState = useGuiState() - useEffect(() => { - guiState.setShowPyTorchModelUpload(props.defaultEnablePyTorch) - }, []) - - const modelUploaderRow = useMemo(() => { - const pytorchEnableCheckBox = props.showPyTorchEnableCheckBox ? -
- { - guiState.setShowPyTorchModelUpload(e.target.checked) - }} /> enable PyTorch -
- : - <> - - return ( - <> -
-
Model Uploader
-
-
-
-
- {pytorchEnableCheckBox} -
-
- {props.showModelSlot ? : <>} - {props.showFrameworkSelector ? : <>} - {props.showConfig ? : <>} - - {props.oneModelFileType ? : <>} - {props.showOnnx ? : <>} - {props.showPyTorch ? : <>} - - {props.showCorrespondence ? : <>} - {props.showPyTorchCluster ? : <>} - {props.showFeature ? : <>} - {props.showIndex ? : <>} - {props.showHalfPrecision ? : <>} - {props.showDefaultTune ? : <>} - - - - ) - }, [guiState.showPyTorchModelUpload]) - - return modelUploaderRow -}