{"ast":null,"code":"var _jsxFileName = \"D:\\\\Project\\\\UC_Trains_Voice\\\\react-demo\\\\src\\\\gavt\\\\Wave\\\\Wave.jsx\",\n  _s = $RefreshSig$();\nimport { useState, useEffect } from \"react\";\nimport waveDrawLoop from './lib/waveDrawLoop.js';\nimport WaveCanvas from './WaveCanvas.jsx';\nimport './Wave.css';\nimport { Slider, Button, Col, Row, Flex, message } from \"antd\";\nimport 'antd/dist/reset.css';\nimport { jsxDEV as _jsxDEV, Fragment as _Fragment } from \"react/jsx-dev-runtime\";\nconst Wave = ({\n  frequency,\n  currentVowel,\n  officialFrequency,\n  setCustomFrequency\n}) => {\n  _s();\n  const [waveIsPaused, setWaveIsPaused] = useState(false);\n  const [pos, setPos] = useState(frequency || 1500);\n  const [messageApi, contextHolder] = message.useMessage();\n  const caliBaselineRaw = localStorage.getItem('caliBaseline');\n  const caliBaseline = JSON.parse(caliBaselineRaw);\n  console.log(`Wave.jsx: caliBaselineRaw of ${currentVowel}:, ${caliBaseline[currentVowel]}`);\n  useEffect(() => {\n    if (frequency) {\n      setPos(frequency);\n    }\n  }, [frequency]);\n  const handlePauseWave = e => setWaveIsPaused(!waveIsPaused);\n  const handleResetToOfficialTarget = () => {\n    setPos(officialFrequency || 1500);\n  };\n  const handleJumpToCustomTarget = () => {\n    if (frequency !== officialFrequency) {\n      setPos(frequency);\n    }\n  };\n  const handleSetCurrentAsTarget = () => {\n    setCustomFrequency(pos);\n    success(pos);\n  };\n  const handleOnChangeSlider = value => {\n    setPos(value);\n  };\n  const success = pos => {\n    messageApi.open({\n      type: 'success',\n      content: 'Successfully set the target frequency to ' + pos + ' Hz.'\n    });\n  };\n  return /*#__PURE__*/_jsxDEV(_Fragment, {\n    children: [contextHolder, /*#__PURE__*/_jsxDEV(Flex, {\n      gap: \"small\",\n      style: {\n        margin: '10px'\n      },\n      children: [/*#__PURE__*/_jsxDEV(Button, {\n        onClick: handleResetToOfficialTarget,\n        children: \"Jump to Referenced Value\"\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 59,\n        columnNumber: 17\n      }, this), /*#__PURE__*/_jsxDEV(Button, {\n        onClick: handleJumpToCustomTarget,\n        children: \"Jump to Customized Value\"\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 66,\n        columnNumber: 17\n      }, this), /*#__PURE__*/_jsxDEV(Button, {\n        type: \"primary\",\n        onClick: handleSetCurrentAsTarget,\n        children: \"Set Curret Value as Target\"\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 72,\n        columnNumber: 17\n      }, this)]\n    }, void 0, true, {\n      fileName: _jsxFileName,\n      lineNumber: 56,\n      columnNumber: 13\n    }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n      className: \"wlMainParent\",\n      children: [/*#__PURE__*/_jsxDEV(Row, {\n        children: /*#__PURE__*/_jsxDEV(Col, {\n          span: 24,\n          children: [/*#__PURE__*/_jsxDEV(\"span\", {\n            className: \"label\",\n            children: [\"Frequency Value at Current Position: \", pos, \" Hz\"]\n          }, void 0, true, {\n            fileName: _jsxFileName,\n            lineNumber: 82,\n            columnNumber: 25\n          }, this), /*#__PURE__*/_jsxDEV(Button, {\n            onClick: handlePauseWave,\n            style: {\n              marginLeft: '10px'\n            },\n            children: waveIsPaused ? \"Play\" : \"Pause\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 83,\n            columnNumber: 25\n          }, this)]\n        }, void 0, true, {\n          fileName: _jsxFileName,\n          lineNumber: 81,\n          columnNumber: 21\n        }, this)\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 80,\n        columnNumber: 17\n      }, this), /*#__PURE__*/_jsxDEV(Row, {\n        children: /*#__PURE__*/_jsxDEV(Col, {\n          span: 24,\n          children: /*#__PURE__*/_jsxDEV(\"div\", {\n            className: \"canvasandslider\",\n            children: [/*#__PURE__*/_jsxDEV(WaveCanvas, {\n              className: \"waveCanvas\",\n              draw: waveDrawLoop,\n              isPaused: waveIsPaused\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 94,\n              columnNumber: 29\n            }, this), /*#__PURE__*/_jsxDEV(Slider, {\n              className: \"custom-slider\",\n              min: 0,\n              max: 4096,\n              value: pos,\n              onChange: handleOnChangeSlider,\n              defaultValue: 1500,\n              style: {\n                margin: 0\n              },\n              tooltip: {\n                open: false\n              }\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 99,\n              columnNumber: 29\n            }, this)]\n          }, void 0, true, {\n            fileName: _jsxFileName,\n            lineNumber: 93,\n            columnNumber: 25\n          }, this)\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 92,\n          columnNumber: 21\n        }, this)\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 91,\n        columnNumber: 17\n      }, this)]\n    }, void 0, true, {\n      fileName: _jsxFileName,\n      lineNumber: 79,\n      columnNumber: 13\n    }, this)]\n  }, void 0, true);\n};\n_s(Wave, \"KYd5ZF30+r6zoWsxKCz7Gn44e/I=\", false, function () {\n  return [message.useMessage];\n});\n_c = Wave;\nexport default Wave;\nvar _c;\n$RefreshReg$(_c, \"Wave\");","map":{"version":3,"names":["useState","useEffect","waveDrawLoop","WaveCanvas","Slider","Button","Col","Row","Flex","message","jsxDEV","_jsxDEV","Fragment","_Fragment","Wave","frequency","currentVowel","officialFrequency","setCustomFrequency","_s","waveIsPaused","setWaveIsPaused","pos","setPos","messageApi","contextHolder","useMessage","caliBaselineRaw","localStorage","getItem","caliBaseline","JSON","parse","console","log","handlePauseWave","e","handleResetToOfficialTarget","handleJumpToCustomTarget","handleSetCurrentAsTarget","success","handleOnChangeSlider","value","open","type","content","children","gap","style","margin","onClick","fileName","_jsxFileName","lineNumber","columnNumber","className","span","marginLeft","draw","isPaused","min","max","onChange","defaultValue","tooltip","_c","$RefreshReg$"],"sources":["D:/Project/UC_Trains_Voice/react-demo/src/gavt/Wave/Wave.jsx"],"sourcesContent":["import { useState, useEffect } from \"react\";\r\n\r\nimport waveDrawLoop from './lib/waveDrawLoop.js';\r\nimport WaveCanvas from './WaveCanvas.jsx';\r\nimport './Wave.css';\r\n\r\nimport { Slider, Button, Col, Row, Flex, message } from \"antd\";\r\nimport 'antd/dist/reset.css'; \r\n\r\nconst Wave = ({ frequency, currentVowel, officialFrequency, setCustomFrequency }) => {\r\n    const [waveIsPaused, setWaveIsPaused] = useState(false);\r\n    const [pos, setPos] = useState( frequency || 1500 );\r\n    const [messageApi, contextHolder] = message.useMessage();\r\n\r\n    const caliBaselineRaw = localStorage.getItem('caliBaseline');\r\n    const caliBaseline = JSON.parse(caliBaselineRaw);\r\n    console.log(`Wave.jsx: caliBaselineRaw of ${currentVowel}:, ${caliBaseline[currentVowel]}`);\r\n\r\n    useEffect(() => {\r\n        if (frequency) {\r\n            setPos(frequency);\r\n        }\r\n    }, [frequency]);\r\n\r\n    const handlePauseWave = (e) => setWaveIsPaused(!waveIsPaused)\r\n\r\n    const handleResetToOfficialTarget = () => {\r\n        setPos(officialFrequency || 1500);\r\n    };\r\n\r\n    const handleJumpToCustomTarget = () => {\r\n        if (frequency !== officialFrequency) {\r\n            setPos(frequency); \r\n        }\r\n    };\r\n\r\n    const handleSetCurrentAsTarget = () => {\r\n        setCustomFrequency(pos);\r\n        success(pos);\r\n      };\r\n    \r\n    const handleOnChangeSlider = (value) => {\r\n        setPos(value)\r\n    };\r\n\r\n    const success = (pos) => {\r\n        messageApi.open({\r\n          type: 'success',\r\n          content: 'Successfully set the target frequency to ' + pos + ' Hz.',\r\n        });\r\n    };\r\n\r\n    return (\r\n        <>\r\n            {contextHolder}\r\n            <Flex gap=\"small\" style={{margin:'10px'}}>\r\n\r\n\r\n                <Button \r\n                    onClick={handleResetToOfficialTarget}\r\n                >\r\n                    Jump to Referenced Value\r\n                </Button>\r\n\r\n                \r\n                <Button \r\n                    onClick={handleJumpToCustomTarget}\r\n                >\r\n                    Jump to Customized Value \r\n                </Button>\r\n\r\n                <Button \r\n                    type=\"primary\"\r\n                    onClick={ handleSetCurrentAsTarget }\r\n                >\r\n                    Set Curret Value as Target\r\n                </Button>\r\n            </Flex>\r\n            <div className=\"wlMainParent\">\r\n                <Row>\r\n                    <Col span={24}>\r\n                        <span className=\"label\">Frequency Value at Current Position: {pos} Hz</span>\r\n                        <Button\r\n                            onClick={ handlePauseWave }\r\n                            style={{ marginLeft: '10px' }}\r\n                        >\r\n                            {(waveIsPaused) ? \"Play\" : \"Pause\"}\r\n                        </Button>\r\n                    </Col>\r\n                </Row>\r\n                <Row>\r\n                    <Col span={24}>\r\n                        <div className=\"canvasandslider\">\r\n                            <WaveCanvas\r\n                                className=\"waveCanvas\"\r\n                                draw={waveDrawLoop}\r\n                                isPaused={waveIsPaused}\r\n                            />\r\n                            <Slider\r\n                                className=\"custom-slider\"\r\n                                min={0}\r\n                                max={4096}\r\n                                value={pos}\r\n                                onChange={handleOnChangeSlider}\r\n                                defaultValue={1500}\r\n                                style={{ margin: 0}}\r\n                                tooltip={{open: false}}\r\n                            />\r\n                        </div>\r\n                    </Col>\r\n                </Row>\r\n            </div>\r\n        </>\r\n    )\r\n}\r\n\r\nexport default Wave;"],"mappings":"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","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}