-
-
-
-
- {SwitchButton(
- perf,
- "Stop",
- "Perf",
- () => {
- if (!perf) {
- setQpsSeqId(send(qpsSeqId, {
- feature: 'QPS',
- command: 'start',
- ratio: 1.0,
- }, (resp) => {
- let is_block = [];
- for (const node of resp.nodes) {
- let split = splitQpsNode(parsed, resp.graph, node);
- if (!split) {
- return;
- }
- if (split.is_block) {
- if (split.id)
- is_block.push(split.id);
- else
- for (const id of split.ids)
- is_block.push(id)
- }
- for (const port of split.ports) {
- dispatch(append(port));
- }
- }
- dispatch(setBlock(is_block));
- }))
- dispatch(listen(true));
- } else {
- send(qpsSeqId, {
- feature: 'QPS',
- command: 'stop',
- });
- setQpsSeqId(-1);
- dispatch(listen(false));
- dispatch(restoreDebuggerPage(''));
- dispatch(storeDebuggerPage());
- }
- setPerf(!perf);
- },
- isWaiting("disconnect")
- )}
-
-
-
-
-
-
-
-
-
setUrl(`ws://${e.target.value}/debugger`)}
- />
-
-
-
-
-
-
- );
-};
-
-const SwitchButton = (is_on, off, on, onClick, disabled) => {
- return is_on ? (
-
- ) : (
-
- );
-};
-
-export const AppHeader = () => {
- const dispatch = useDispatch();
- const [form, openForm] = useState(false);
- const [perf, setPerf] = useState(false);
- const [url, setUrl] = useState("");
- const [qpsSeqId, setQpsSeqId] = useState(-1);
- const stage = useSelector((state) => state.stage);
- const content = useSelector(selectEditorChanged);
- const { startWaiting, endWaiting, isWaiting, Wait } = useWait();
- const [parsed, onEvent] = buildEventListener(dispatch, (event) => {
- switch (event) {
- case "disconnect":
- dispatch(changeStage(""));
- setPerf(false);
- break
- case "connect":
- openForm(false);
- dispatch(changeStage("dbg-main"));
- break
- default:
- break
- }
- endWaiting(event);
- });
- const { send, connect, disconnect } = useWebsocket(onEvent);
-
- switch (stage) {
- case "dbg-main":
- return (
-