updated gitignore

Author: willCode2Surf

.gitignore

@@ -2,6 +2,9 @@
 .env
 .env*
 
+# dist
+dist
+
 # Logs
 logs
 *.log

app.js

@@ -10,13 +10,13 @@ const wsServer = new WebSocketServer({
   noServer: true,
 });
 
-
 const main = async () => {
- 
   wsServer.on("connection", (socket) => {
-    socket.on("message", (message) =>
-      console.log("socket.on(message)", message)
-    );
+    socket.on("message", (message) => {
+      console.log("SERVER RECEIVED: socket.on(message)", JSON.parse(message));
+      // echo the user
+      socket.send(JSON.stringify({ message: "hello client" }));
+    });
   });
 
   app.use(bodyParser.json());
@@ -29,7 +29,7 @@ const main = async () => {
   app.use("/routes", routes);
 
   var server = http.createServer(app);
-  server.listen(3000);
+  server.listen(ConfigurationData.server.port);
   server.on("upgrade", (request, socket, head) => {
     wsServer.handleUpgrade(request, socket, head, (socket) => {
       wsServer.emit("connection", socket, request);
@@ -38,7 +38,6 @@ const main = async () => {
 
   console.info(`Server started on port ${ConfigurationData.server.port}`);
   console.info(`http://127.0.0.1:${ConfigurationData.server.port}`);
-  
 };
 
 main().catch(console.error);

dist/assets/index-47436ed6.js

@@ -6,7 +6,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>vue3-vite-express-js-boilerplatee</title>
   <style></style>
-  <script type="module" crossorigin src="/assets/index-47436ed6.js"></script>
+  <script type="module" crossorigin src="/assets/index-b57d86e3.js"></script>
 </head>
 <style lang="scss">
   :root {

dist/index.html

@@ -9,7 +9,7 @@
     "dev": "vite --mode development",
     "build": "vite build --mode development",
     "preview": "vite preview",
-    "start": "node app",
+    "start": "vite build --mode development && node app",
     "prepare": "husky install"
   },
   "lint-staged": {

package.json

@@ -1,23 +1,28 @@
 import { computed, ref, reactive } from "vue";
 
 export function useDeviceDetails() {
+  let websocketConnection = "";
+  if (location.protocol.includes("https"))
+    websocketConnection = `wss://${location.host}`;
+  else websocketConnection = `ws://${location.host}`;
 
   const status = ref({});
 
-  const ws = new WebSocket("ws://localhost:6909");
+  const ws = new WebSocket(websocketConnection);
+
   ws.onmessage = function (event) {
     let message = JSON.parse(event.data);
     console.log("RECEIVED WEB MESSAGE INSIDE useDeviceDetails: ", message);
   };
-  
+
   ws.onopen = function (event) {
     console.log(
       "Successfully connected to the echo websocket server from useDeviceDetails..."
     );
-    ws.send("Hello");
+    ws.send(JSON.stringify({ message: "hello server" }));
   };
 
   return {
-    status
+    status,
   };
 }