Temporaly reverted old test variant

front_new/js/main.js

@@ -0,0 +1,141 @@
+console.log(1);
+
+const { createRoot } = require("react-dom/client");
+const React = require("react");
+const { Test } = require("./js/test.jsx");
+
+createRoot(document.getElementById("root")).render(
+  <React.StrictMode>
+    <Test />
+  </React.StrictMode>,
+);
+
+// const { serialList, serialOpen } = require("./serialapi");
+
+// let serial;
+
+// async function listSerialPorts() {
+//   document.getElementById("port-select").innerHTML = "";
+//   const ports = await serialList();
+//   if (ports.length === 0) {
+//     document.getElementById("port-select").innerHTML =
+//       "<option value='' disabled>No ports found</option>";
+//   }
+
+//   document.getElementById("port-select").innerHTML = ports
+//     .map(
+//       (port) =>
+//         `<option value="${port.path}">${port.path} - ${port.manufacturer} ${port.friendlyName}</option>`,
+//     )
+//     .join("");
+// }
+
+// async function printToConsole(text, variant) {
+//   let classes = "p-console";
+//   if (variant === "error") classes = " p-error";
+//   if (variant === "log") classes = " p-log";
+//   if (variant === "incoming") classes = " p-incoming";
+//   if (variant === "outgoing") classes = " p-outgoing";
+//   document.getElementById("inner-console").innerHTML +=
+//     `<p class="${classes}">${text}</p>`;
+// }
+
+// async function printIncoming(text) {
+//   if (
+//     document
+//       .getElementById("inner-console")
+//       .lastChild.classList.contains("p-incoming")
+//   ) {
+//     document.getElementById("inner-console").lastChild.innerHTML += text;
+//   } else {
+//     printToConsole(text, "incoming");
+//   }
+// }
+
+// async function clearConsole() {
+//   document.getElementById("inner-console").innerHTML = "";
+//   document.getElementById("console-input").value = "";
+// }
+
+// async function openConnection() {
+//   if (serial) closeConnection();
+//   const selector = document.getElementById("port-select");
+//   selector.disabled = true;
+//   const port = selector.options[selector.selectedIndex].value;
+//   console.log(port);
+//   serial = await serialOpen(port);
+
+//   serial.on("data", (line) => {
+//     // const linebrakedData = line.split("\n");
+//     // if (linebrakedData.length > 1) {
+
+//     // } else {
+//     //   addToLastLog(data.toString());
+//     // }
+//     // console.log(line);
+//     // printToConsole(line.toString(), "incoming");
+//     printIncoming(line.toString());
+//   });
+
+//   serial.on("error", (err) => {
+//     printToConsole(err, "error");
+//     closeConnection();
+//   });
+
+//   serial.on("close", () => {
+//     printToConsole("Connection closed", "log");
+//     closeConnection();
+//   });
+
+//   serial.on("open", () => {
+//     printToConsole("Connection opened", "log");
+//   });
+
+//   document.getElementById("open-button").style.display = "none";
+//   document.getElementById("close-button").style.display = "block";
+// }
+
+// async function closeConnection() {
+//   if (serial) serial.close();
+//   serial = null;
+//   document.getElementById("open-button").style.display = "block";
+//   document.getElementById("close-button").style.display = "none";
+//   document.getElementById("port-select").disabled = false;
+// }
+
+// async function sendToSerial() {
+//   if (!serial) return;
+//   document.getElementById("console-input").disabled = true;
+//   const data = document.getElementById("console-input").value;
+
+//   if (document.getElementById("message-mode").checked) {
+//     document.getElementById("sender").disabled = true;
+//     const sender = document.getElementById("sender").value;
+//     const sendData = "ST" + sender + "D" + data;
+//     serial.write(sendData);
+//     printToConsole("> " + sendData, "outgoing");
+//     document.getElementById("sender").disabled = false;
+//   } else {
+//     serial.write(data);
+//     printToConsole("> " + data, "outgoing");
+//   }
+
+//   document.getElementById("console-input").value = "";
+//   document.getElementById("console-input").disabled = false;
+// }
+
+// async function toogleMsgMode() {
+//   if (document.getElementById("message-mode").checked) {
+//     document.getElementById("sender").disabled = false;
+//   } else {
+//     document.getElementById("sender").disabled = true;
+//   }
+// }
+
+// // document.getElementById("console-input").addEventListener("keyup", (event) => {
+// //   if (event.key === "Enter") {
+// //     sendToSerial();
+// //   }
+// // });
+
+// // listSerialPorts();

front_new/js/serialapi.js

@@ -0,0 +1,16 @@
+const { SerialPort } = require("serialport");
+
+async function serialList() {
+  const ports = await SerialPort.list();
+  return ports; // path, manufacturer, serialNumber, pnpId, locationId, friendlyName, vendorId, productId
+}
+
+async function serialOpen(port) {
+  const serial = new SerialPort({
+    path: port,
+    baudRate: 115200,
+  });
+  return serial;
+}
+
+module.exports = { serialList, serialOpen };

front_new/js/test.jsx

@@ -0,0 +1,9 @@
+const React = require("react");
+
+const Test = () => {
+  return (
+    <div>
+      <h1>Test</h1>
+    </div>
+  );
+};