Styelint and fix tempoerature

Author: Stewest

j5ardi/.vscode/settings.json

@@ -0,0 +1,6 @@
+{
+  "eslint.codeAction.showDocumentation": {
+    "enable": true
+  },
+  "eslint.packageManager": "yarn"
+}

j5ardi/socket-io-client/src/components/ClientComponent.js

@@ -1,33 +1,32 @@
-import React, { useEffect, useState } from "react";
-import socketIOClient from "socket.io-client";
+import React, { useEffect, useState } from 'react';
+import socketIOClient from 'socket.io-client';
 
 require('dotenv').config();
 
 export default function ClientComponent() {
-  const [light, setLight] = useState("");
-  const [led, setLed] = useState("");
-  const [temp, setTemp] = useState("");
-  const [changedLED, toggleLED] = useState("");
+  const [light, setLight] = useState('');
+  const [led, setLed] = useState('');
+  const [temp, setTemp] = useState('');
+  const [changedLED, toggleLED] = useState('');
 
   const ENDPOINT = process.env.REACT_APP_ENDPOINT;
 
   useEffect(() => {
     const socket = socketIOClient(ENDPOINT);
 
-    socket.on("FromLight", (data) => {
+    socket.on('FromLight', (data) => {
       setLight(data);
     });
 
-    socket.on("FromLed", (data) => {
+    socket.on('FromLed', (data) => {
       setLed(data);
     });
 
-    socket.on("FromTemp", (data) => {
+    socket.on('FromTemp', (data) => {
       setTemp(data);
     });
 
-    socket.emit("handleLED", changedLED);
-
+    socket.emit('handleLED', changedLED);
   }, [ENDPOINT, changedLED]);
 
   let lightVar = 'OFF';
@@ -36,10 +35,11 @@ export default function ClientComponent() {
   let ledStatus = false;
   let temperatureC;
   let temperatureF;
+  let temperatureK;
 
   if (light.item === 'light') {
     lightVar = light.msg;
-    lightNumb = 100 - (parseFloat(lightVar / 10.24).toFixed(0));
+    lightNumb = 100 - parseFloat(lightVar / 10.24).toFixed(0);
     luminosity = lightNumb;
   }
 
@@ -51,33 +51,54 @@ export default function ClientComponent() {
     ledStatus = led.msg;
   }
 
-  if (temp.c || temp.f) {
-    temperatureC = temp.c;
-    temperatureF = parseFloat((temp.c * 9 / 5) + 32).toFixed(1);
+  if (temp.c || temp.f || temp.k) {
+    temperatureC = parseFloat((temp.c / 23).toFixed(1));
+    //temperatureF = parseFloat((temp.f / 23).toFixed(1));
+    temperatureK = parseFloat((temperatureC + 273.15).toFixed(1));
+    temperatureF = parseFloat((temperatureC * 9) / 5 + 32).toFixed(1);
   }
 
   function handleLED() {
-    toggleLED(prevState => !prevState);
+    toggleLED((prevState) => !prevState);
   }
 
   return (
     <div className="grid">
       <div className="item light">
         <span>Light: {lightNumb}</span>
-        <div className="light-fill" style={divStyle}>&nbsp;</div>
+        <div className="light-fill" style={divStyle}>
+          &nbsp;
+        </div>
         <div className="light-bottom">&nbsp;</div>
       </div>
 
       <div className="item led">
-        LEDs: {ledStatus ? 'ON':'OFF'}
-        {ledStatus ? <div className="led-red is-on"></div> : <div className="led-red"></div> }
-        {ledStatus ? <div className="led-green is-on"></div> : <div className="led-green"></div> }
-        {ledStatus ? <div className="led-blue is-on"></div> : <div className="led-blue"></div>}
-        <button className="toggle-led" onClick={handleLED}>Toggle LED</button>
+        LEDs: {ledStatus ? 'ON' : 'OFF'}
+        {ledStatus ? (
+          <div className="led-red is-on"></div>
+        ) : (
+          <div className="led-red"></div>
+        )}
+        {ledStatus ? (
+          <div className="led-green is-on"></div>
+        ) : (
+          <div className="led-green"></div>
+        )}
+        {ledStatus ? (
+          <div className="led-blue is-on"></div>
+        ) : (
+          <div className="led-blue"></div>
+        )}
+        <button className="toggle-led" onClick={handleLED}>
+          Toggle LED
+        </button>
       </div>
 
-      <div className="item temp"><h3>TEMP:</h3><br />
-        {temperatureC} 'C / {temperatureF} 'F</div>
+      <div className="item temp">
+        <h3>TEMP:</h3>
+        <br />
+        {temperatureC} 'C / {temperatureF} 'F / {temperatureK} 'K
+      </div>
     </div>
   );
 }

j5ardi/socket-io-server/.vscode/settings.json

@@ -0,0 +1,5 @@
+{
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": false
+  },
+ }

j5ardi/socket-io-server/app.js

@@ -1,12 +1,12 @@
-const express = require("express");
-const http = require("http");
-const socketIo = require("socket.io");
+const express = require('express');
+const http = require('http');
+const socketIo = require('socket.io');
 
 require('dotenv').config();
 const port = process.env['PORT'];
 const local = process.env['CORSLOCAL'];
 
-const index = require("./routes/index");
+const index = require('./routes/index');
 const app = express();
 
 const events = require('events');
@@ -19,34 +19,34 @@ const io = socketIo(server, {
   cors: {
     // You may need to change this in .ENV if the client starts on a different port.
     origin: local,
-    methods: ["GET", "POST"]
+    methods: ['GET', 'POST'],
   },
-  maxHttpBufferSize: 1e8
+  maxHttpBufferSize: 1e8,
 });
 
-const five = require("johnny-five");
+const five = require('johnny-five');
 const board = new five.Board();
 
 let interval;
 
 // Init Socket.io.
-io.on("connection", (socket) => {
-  console.log("New client connected");
+io.on('connection', (socket) => {
+  console.log('New client connected');
   if (interval) {
     clearInterval(interval);
   }
 
   interval = setInterval(() => getApiAndEmit(socket), 1000);
 
-  socket.on("handleLED", (arg) => {
-    console.log("toggleLED", arg);
+  socket.on('handleLED', (arg) => {
+    console.log('toggleLED', arg);
 
     // Fire the 'toggleLED' event.
     eventEmitter.emit('toggleLED');
   });
 
-  socket.on("disconnect", () => {
-    console.log("Client disconnected");
+  socket.on('disconnect', () => {
+    console.log('Client disconnected');
     clearInterval(interval);
     socket.off();
   });
@@ -59,29 +59,33 @@ global.tempStatus = {};
 
 function setLight(item, msg) {
   global.lightStatus = {
-    item, msg
+    item,
+    msg,
   };
-};
+}
 
 function getLight() {
   return global.lightStatus;
 }
 
 function setLED(item, msg) {
   global.ledStatus = {
-    item, msg
+    item,
+    msg,
   };
-};
+}
 
 function getLED() {
   return global.ledStatus;
 }
 
-function setTEMP(c, f) {
+function setTEMP(c, f, k) {
   global.tempStatus = {
-    c, f
+    c,
+    f,
+    k,
   };
-};
+}
 
 function getTEMP() {
   return global.tempStatus;
@@ -93,32 +97,40 @@ const getApiAndEmit = (socket) => {
   const temp = getTEMP();
 
   // Emitting a new message. Will be consumed by the client
-  socket.emit("FromLight", light);
-  socket.emit("FromLed", led);
-  socket.emit("FromTemp", temp);
+  socket.emit('FromLight', light);
+  socket.emit('FromLed', led);
+  socket.emit('FromTemp', temp);
 };
 
 server.listen(port, () => console.log(`Listening on port ${port}`));
 
 // Arduino Johnny 5.
-board.on("ready", function () {
+board.on('ready', function () {
   // I've put 3 separate LEDs on Digital pins 3 Blue, 5 Green, 6 Red.
   // And a rgb LED, controlled by 9, 10 , 11.
   const rgb = new five.Led.RGB([9, 10, 11]);
 
   // Create a new `photoresistor` hardware instance on Analog 2.
   const photoresistor = new five.Sensor({
-    pin: "A2",
-    freq: 5000
+    pin: 'A2',
+    freq: 5000,
   });
 
   // "data" is the current reading from the photoresistor.
-  photoresistor.on("data", () => {
-    setLight('light', photoresistor.value)
+  photoresistor.on('data', () => {
+    setLight('light', photoresistor.value);
   });
 
   let index = 0;
-  const rainbow = ["FF0000", "FF7F00", "FFFF00", "00FF00", "0000FF", "4B0082", "8F00FF"];
+  const rainbow = [
+    'FF0000',
+    'FF7F00',
+    'FFFF00',
+    '00FF00',
+    '0000FF',
+    '4B0082',
+    '8F00FF',
+  ];
   // Raibow RGA LED
   const rgbOn = new five.Leds([12]);
   // Array of the single LEDs.
@@ -141,7 +153,7 @@ board.on("ready", function () {
       rgbOn.off();
     }, 5000);
     console.log('Ended Rainbow');
-  }
+  };
 
   /**
    * @param {*} colour
@@ -153,9 +165,9 @@ board.on("ready", function () {
 
     setTimeout(function () {
       colour.stop().off();
-      setLED('led', false)
+      setLED('led', false);
     }, 5000);
-  }
+  };
 
   // Turn on Rainbow at start.
   rainbox();
@@ -167,16 +179,17 @@ board.on("ready", function () {
   eventEmitter.on('toggleLED', pulseLed);
 
   const thermometer = new five.Thermometer({
-    controller: "LM35",
-    pin: "A5"
+    controller: 'ANALOG',
+    pin: 'A5',
+    freq: 2000,
   });
 
-  thermometer.on("change", () => {
-    const {celsius, fahrenheit} = thermometer;
-    setTEMP(celsius / 10, fahrenheit / 10);
+  thermometer.on('change', () => {
+    const { celsius, fahrenheit, kelvin } = thermometer;
+    setTEMP(celsius, fahrenheit, kelvin);
   });
 
-  board.on("exit", () => {
+  board.on('exit', () => {
     // Turn off the rgb LED.
     rgbOn.off();
     // Turn off each led in the array of individual leds.