+
- {device.online ?
-
@@ -98,5 +87,3 @@ export default function SignIn(props) {
);
}
-
-
diff --git a/src/components/device/tabPane/boot.jsx b/src/components/device/tabPane/boot.jsx
index 19be5a6..34eda3c 100644
--- a/src/components/device/tabPane/boot.jsx
+++ b/src/components/device/tabPane/boot.jsx
@@ -13,39 +13,36 @@ import TableHead from '@mui/material/TableHead';
import TableRow from '@mui/material/TableRow';
import Tooltip from '@mui/material/Tooltip';
import React, { useContext, useEffect } from 'react';
-import { context as DeviceContext } from "./../../../context/devices";
-import { context as SnackbarContext } from "./../../../context/toast";
-import * as deviceController from "./../../../controllers/devices";
-import * as helpers from "./../../../controllers/helpers"
-
+import { context as DeviceContext } from '../../../context/devices';
+import { context as SnackbarContext } from '../../../context/toast';
+import * as deviceController from '../../../controllers/devices';
+import * as helpers from '../../../controllers/helpers';
function loading() {
- return (
- no
) } + if (!state.dongles[props.dongleId]) { return (no
); } const dongle = state.dongles[props.dongleId]; - if (!dongle) { return (- Type: {dongle.device_type}
- Serial: {dongle.serial}
- IMEI: {dongle.imei}
- Registered: {helpers.formatDate(dongle.created)}
- Last Ping: {helpers.formatDate(dongle.last_ping)}
- Public Key: -----BEGIN PUBLIC KEY----- + Nickname: + {' '} + {dongle.nick_name ? dongle.nick_name : `My ${dongle.device_type}`} +
+ Type: + {' '} + {dongle.device_type} +
+ Serial: + {' '} + {dongle.serial} +
+ IMEI: + {' '} + {dongle.imei} +
+ Registered: + {' '} + {helpers.formatDate(dongle.created)} +
+ Last Ping: + {' '} + {helpers.formatDate(dongle.last_ping)} +
+ Public Key: + {' '} + -----BEGIN PUBLIC KEY-----
+
- - Quota Storage: {dongle.storage_used} MB / 200000 MB + Quota Storage: + {dongle.storage_used} + {' '} + MB / 200000 MB
{
@@ -45,8 +41,13 @@ export default function SignIn(props) {
-
+
);
}
-
-
diff --git a/src/components/device/tabPane/view_drive.jsx b/src/components/device/tabPane/view_drive.jsx
index 8ccda54..924ca75 100644
--- a/src/components/device/tabPane/view_drive.jsx
+++ b/src/components/device/tabPane/view_drive.jsx
@@ -10,177 +10,178 @@ import TableHead from '@mui/material/TableHead';
import TableRow from '@mui/material/TableRow';
import Tooltip from '@mui/material/Tooltip';
import React, { useContext, useState } from 'react';
-import { context as DeviceContext } from "./../../../context/devices";
-import * as deviceController from "./../../../controllers/devices";
-import Typography from "@mui/material/Typography"
-
-
-
+import Typography from '@mui/material/Typography';
+import { context as DeviceContext } from '../../../context/devices';
+import * as deviceController from '../../../controllers/devices';
export default function EnhancedTable(props) {
- const [deviceState] = useContext(DeviceContext)
+ const [deviceState] = useContext(DeviceContext);
- const [state, setState] = useState({ loading: true, firstReqSent: false, segment: null, drive: null })
+ const [state, setState] = useState({
+ loading: true, firstReqSent: false, segment: null, drive: null,
+ });
- if (state.drive === null) {
- setState({ ...state, drive: props.drive })
+ if (state.drive === null) {
+ setState({ ...state, drive: props.drive });
+ }
+
+ if (props.drive !== state.drive) {
+ setState({
+ ...state, loading: true, firstReqSent: false, segment: null, drive: props.drive,
+ });
+ }
+
+ const dongle_id = props.dongleId;
+ const drive_id = props.drive;
+ const dongle = deviceState.dongles[dongle_id];
+ console.log('view drive', dongle);
+ console.log('drives', dongle.drives);
+ if (!dongle || !dongle.drives) return (
+
- })
+
+ Vehicle:
+ {' '}
+ {vehicle}
+
+
+ Version:
+ {' '}
+ {version}
+
+
+ gitRemote:
+ {' '}
+ {gitRemote}
+
+
+ gitBranch:
+ {' '}
+ {gitBranch}
+
+
+ gitCommit:
+ {' '}
+ {gitCommit}
+
- }
+ Fingerprint:
- // test
+
+
+
+
-
-
- );
+
+
+ );
}
/*
@@ -195,8 +196,6 @@ var dongleIdHash = crypto.createHmac('sha256', config.applicationSalt).update(de
cabanaUrl = config.cabanaUrl + '?retropilotIdentifier=' + device.dongle_id + '|' + dongleIdHash + '|' + drive.identifier + '|' + driveIdentifierHash + '&retropilotHost=' + encodeURIComponent(config.baseUrl) + '&demo=1"';
}
-
-
var response = `
@@ -290,7 +289,6 @@ var dongleIdHash = crypto.createHmac('sha256', config.applicationSalt).update(de
segment qcamera qlog fcamera rlog dcamera processed stalled
Sign Out`; -*/ \ No newline at end of file +*/ diff --git a/src/components/views/home.jsx b/src/components/views/home.jsx index 512a2ea..8ba5b86 100644 --- a/src/components/views/home.jsx +++ b/src/components/views/home.jsx @@ -1,16 +1,16 @@ import { createTheme, ThemeProvider } from '@mui/material/styles'; import React, { useContext, useState } from 'react'; -import { Link } from "react-router-dom"; -import { UserContext } from "./../../context/users"; +import { Link } from 'react-router-dom'; +import { UserContext } from '../../context/users'; -const theme = createTheme(); +const theme = createTheme(); export default function SignIn() { - const [loading, setLoading] = useState(false) - const [ state, dispatch ] = useContext(UserContext) - console.log("component", state) + const [loading, setLoading] = useState(false); + const [state, dispatch] = useContext(UserContext); + console.log('component', state); const handleSubmit = (event) => { - dispatch({ type: "toggle_button" }) + dispatch({ type: 'toggle_button' }); event.preventDefault(); const data = new FormData(event.currentTarget); @@ -20,19 +20,15 @@ export default function SignIn() { password: data.get('password'), }); - setLoading(true) - - + setLoading(true); }; return (
-
);
}
-
-
diff --git a/src/components/views/login.jsx b/src/components/views/login.jsx
index eb05f01..146e309 100644
--- a/src/components/views/login.jsx
+++ b/src/components/views/login.jsx
@@ -7,14 +7,14 @@ import Paper from '@mui/material/Paper';
import TextField from '@mui/material/TextField';
import Typography from '@mui/material/Typography';
import React, { useContext, useState } from 'react';
-import { UserContext } from "./../../context/users";
+import { UserContext } from '../../context/users';
export default function SignIn() {
- const [loading, setLoading] = useState(false)
- const [state, dispatch] = useContext(UserContext)
- console.log("component", state)
+ const [loading, setLoading] = useState(false);
+ const [state, dispatch] = useContext(UserContext);
+ console.log('component', state);
const handleSubmit = (event) => {
- dispatch({ type: "toggle_button" })
+ dispatch({ type: 'toggle_button' });
event.preventDefault();
const data = new FormData(event.currentTarget);
@@ -24,7 +24,7 @@ export default function SignIn() {
password: data.get('password'),
});
- setLoading(true)
+ setLoading(true);
};
return (
@@ -41,13 +41,10 @@ export default function SignIn() {
alignItems: 'center',
}}
style={{
- padding: '15px'
+ padding: '15px',
}}
>
-
-
-
Sign in
@@ -85,20 +82,15 @@ export default function SignIn() {
- {"New Here or Forgotten password?"}
+ New Here or Forgotten password?
-
-
-
);
}
-
-
diff --git a/src/components/views/useradmin.jsx b/src/components/views/useradmin.jsx
index 5dafbc6..4de440b 100644
--- a/src/components/views/useradmin.jsx
+++ b/src/components/views/useradmin.jsx
@@ -2,52 +2,41 @@ import Grid from '@mui/material/Grid';
import Paper from '@mui/material/Paper';
import { Scrollbars } from 'rc-scrollbars';
import React, { useContext } from 'react';
-import { context as DeviceContext } from "./../../context/devices";
-import DeviceData from './../device/deviceData';
-import DeviceOverview from "./../device/overview";
-
-
-
-
-
+import { context as DeviceContext } from '../../context/devices';
+import DeviceData from '../device/deviceData';
+import DeviceOverview from '../device/overview';
export default function SignIn() {
-
-
-
const [deviceState] = useContext(DeviceContext);
-
-
return (
- {children}
-
- )
-};
+ return (
+
+ {children}
+
+ );
+}
export const context = createContext(initialState);
-export default Store;
\ No newline at end of file
+export default Store;
diff --git a/src/context/toast/index.js b/src/context/toast/index.js
index 565cf3c..50d075c 100644
--- a/src/context/toast/index.js
+++ b/src/context/toast/index.js
@@ -1,20 +1,19 @@
-import React, {createContext, useReducer} from "react";
-import Reducer from './reducer'
-
+import React, { createContext, useReducer } from 'react';
+import Reducer from './reducer';
const initialState = {
- open: false,
- message: null
+ open: false,
+ message: null,
};
-const Store = ({children}) => {
- const [state, dispatch] = useReducer(Reducer, initialState);
- return (
-
- {children}
-
- )
-};
+function Store({ children }) {
+ const [state, dispatch] = useReducer(Reducer, initialState);
+ return (
+
+ {children}
+
+ );
+}
export const context = createContext(initialState);
-export default Store;
\ No newline at end of file
+export default Store;
diff --git a/src/context/toast/reducer.js b/src/context/toast/reducer.js
index 8f35308..082a2ed 100644
--- a/src/context/toast/reducer.js
+++ b/src/context/toast/reducer.js
@@ -4,17 +4,17 @@ const Reducer = (state, action) => {
return {
...state,
open: action.open,
- msg: action.message
+ msg: action.message,
};
case 'CLOSE_TOAST':
return {
...state,
- open: false
- }
+ open: false,
+ };
default:
return state;
}
};
-export default Reducer;
\ No newline at end of file
+export default Reducer;
diff --git a/src/context/users/index.js b/src/context/users/index.js
index 5ce3745..56fe31e 100644
--- a/src/context/users/index.js
+++ b/src/context/users/index.js
@@ -1,17 +1,17 @@
-import React from "react"
-import { reducer, initialState } from "./reducer"
+import React from 'react';
+import { reducer, initialState } from './reducer';
export const UserContext = React.createContext({
state: initialState,
- dispatch: () => null
-})
+ dispatch: () => null,
+});
-export const UserProvider = ({ children }) => {
- const [state, dispatch] = React.useReducer(reducer, initialState)
+export function UserProvider({ children }) {
+ const [state, dispatch] = React.useReducer(reducer, initialState);
return (
-
- { children }
+
+ { children }
- )
-}
\ No newline at end of file
+ );
+}
diff --git a/src/context/users/reducer.js b/src/context/users/reducer.js
index e465bce..eef5dd9 100644
--- a/src/context/users/reducer.js
+++ b/src/context/users/reducer.js
@@ -1,16 +1,16 @@
export const reducer = (state, action) => {
switch (action.type) {
- case "sign_out":
+ case 'sign_out':
return {
...state,
- active: !state.active
- }
+ active: !state.active,
+ };
default:
- return state
+ return state;
}
-}
+};
export const initialState = {
signedIn: false,
@@ -19,4 +19,4 @@ export const initialState = {
username: null,
JWT: null,
},
-}
\ No newline at end of file
+};
diff --git a/src/controllers/authentication.js b/src/controllers/authentication.js
index 11579d8..f1ffb55 100644
--- a/src/controllers/authentication.js
+++ b/src/controllers/authentication.js
@@ -1,9 +1,6 @@
-import axios from "axios";
-
+import axios from 'axios';
export async function getSession() {
-
- const req = await axios.get(`http://localhost/retropilot/0/useradmin/session`, {withCredentials: true});
- return req.data
-
-}
\ No newline at end of file
+ const req = await axios.get('http://localhost/retropilot/0/useradmin/session', { withCredentials: true });
+ return req.data;
+}
diff --git a/src/controllers/devices.js b/src/controllers/devices.js
index 7f54770..dd985fd 100644
--- a/src/controllers/devices.js
+++ b/src/controllers/devices.js
@@ -1,50 +1,44 @@
-import axios from "axios";
+import axios from 'axios';
export async function getDrives(dongleId) {
- const req = await axios.get(`http://localhost/retropilot/0/device/${dongleId}/drives/false`, { withCredentials: true });
- return req.data
+ const req = await axios.get(`http://localhost/retropilot/0/device/${dongleId}/drives/false`, { withCredentials: true });
+ return req.data;
}
export async function getBootlogs(dongleId) {
- const req = await axios.get(`http://localhost/retropilot/0/device/${dongleId}/bootlogs`, { withCredentials: true });
- return req.data
+ const req = await axios.get(`http://localhost/retropilot/0/device/${dongleId}/bootlogs`, { withCredentials: true });
+ return req.data;
}
export async function getCrashlogs(dongleId) {
- const req = await axios.get(`http://localhost/retropilot/0/device/${dongleId}/crashlogs`, { withCredentials: true });
- return req.data
+ const req = await axios.get(`http://localhost/retropilot/0/device/${dongleId}/crashlogs`, { withCredentials: true });
+ return req.data;
}
export async function getDriveSegments(dongleId, drive_identifier) {
- const req = await axios.get(`http://localhost/retropilot/0/device/${dongleId}/drives/${drive_identifier}/segment`, { withCredentials: true });
- return req.data
+ const req = await axios.get(`http://localhost/retropilot/0/device/${dongleId}/drives/${drive_identifier}/segment`, { withCredentials: true });
+ return req.data;
}
export async function getAllDevices() {
- const req = await axios.get(`http://localhost/retropilot/0/devices`, { withCredentials: true });
- const responseData = req.data
+ const req = await axios.get('http://localhost/retropilot/0/devices', { withCredentials: true });
+ const responseData = req.data;
- let dongles = {}
+ let dongles = {};
- if (responseData.success === true) {
+ if (responseData.success === true) {
+ responseData.data.map((object) => dongles = {
+ ...dongles,
+ [object.dongle_id]: {
+ ...object,
+ online: false,
+ // Show when last connected to api instead Athena by default
+ last_seen: object.last_ping,
+ },
+ });
- responseData.data.map((object) => {
+ return dongles;
+ }
- return dongles = {
- ...dongles,
- [object.dongle_id]: {
- ...object,
- online: false,
- // Show when last connected to api instead Athena by default
- last_seen: object.last_ping,
- }
- }
-
- })
-
- return dongles;
-
- }
-
- return null;
-}
\ No newline at end of file
+ return null;
+}
diff --git a/src/controllers/helpers.js b/src/controllers/helpers.js
index b8b557d..a2da1b5 100644
--- a/src/controllers/helpers.js
+++ b/src/controllers/helpers.js
@@ -1,24 +1,20 @@
-
-
-
export function formatDate(timestampMs) {
return new Date(timestampMs).toISOString().replace(/T/, ' ').replace(/\..+/, '');
}
-
export function formatDuration(durationSeconds) {
durationSeconds = Math.round(durationSeconds);
const secs = durationSeconds % 60;
let mins = Math.floor(durationSeconds / 60);
let hours = Math.floor(mins / 60);
- mins = mins % 60;
+ mins %= 60;
const days = Math.floor(hours / 24);
- hours = hours % 24;
+ hours %= 24;
let response = '';
- if (days > 0) response += days + 'd ';
- if (hours > 0 || days > 0) response += hours + 'h ';
- if (hours > 0 || days > 0 || mins > 0) response += mins + 'm ';
- response += secs + 's';
+ if (days > 0) response += `${days}d `;
+ if (hours > 0 || days > 0) response += `${hours}h `;
+ if (hours > 0 || days > 0 || mins > 0) response += `${mins}m `;
+ response += `${secs}s`;
return response;
-}
\ No newline at end of file
+}
diff --git a/src/index.js b/src/index.js
index ef2edf8..b0a768f 100644
--- a/src/index.js
+++ b/src/index.js
@@ -8,7 +8,7 @@ ReactDOM.render(
,
- document.getElementById('root')
+ document.getElementById('root'),
);
// If you want to start measuring performance in your app, pass a function
diff --git a/src/reportWebVitals.js b/src/reportWebVitals.js
index 5253d3a..bb47dbb 100644
--- a/src/reportWebVitals.js
+++ b/src/reportWebVitals.js
@@ -1,6 +1,8 @@
-const reportWebVitals = onPerfEntry => {
+const reportWebVitals = (onPerfEntry) => {
if (onPerfEntry && onPerfEntry instanceof Function) {
- import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
+ import('web-vitals').then(({
+ getCLS, getFID, getFCP, getLCP, getTTFB,
+ }) => {
getCLS(onPerfEntry);
getFID(onPerfEntry);
getFCP(onPerfEntry);
diff --git a/src/yeet.js b/src/yeet.js
index 573a52a..029ea5f 100644
--- a/src/yeet.js
+++ b/src/yeet.js
@@ -1,4 +1,4 @@
-import React, {useState, useContext} from 'react';
+import React, { useState, useContext } from 'react';
import Avatar from '@mui/material/Avatar';
import LoadingButton from '@mui/lab/LoadingButton';
import CssBaseline from '@mui/material/CssBaseline';
@@ -14,20 +14,21 @@ import LockOutlinedIcon from '@mui/icons-material/LockOutlined';
import Typography from '@mui/material/Typography';
import Container from '@mui/material/Container';
import { createTheme, ThemeProvider } from '@mui/material/styles';
-import { UserContext } from "./context/users"
-const theme = createTheme();
+import { UserContext } from './context/users';
+
+const theme = createTheme();
export default function SignIn() {
- const [ state, dispatch ] = useContext(UserContext)
-
+ const [state, dispatch] = useContext(UserContext);
return (
- {console.log("testing", state)}
-
);
}
-
-
loading
); + + if (state.segment === null) { + // TODO Make this not run multiple times + deviceController.getDriveSegments(dongle_id, dongle.drives[drive_id].identifier).then((res) => { + console.log('my res', res.data); + if (res.data === null) { + setState({ + ...state, loading: false, firstReqSent: true, segment: [], + }); + } else { + setState({ + ...state, loading: false, firstReqSent: true, segment: res.data, + }); + } + }); + } + + // test + + const drive = dongle.drives[drive_id]; + + let vehicle = ''; + let version = ''; + let gitRemote = ''; + let gitBranch = ''; + let gitCommit = ''; + let metadata = {}; + + try { + metadata = JSON.parse(drive.metadata); + + if (metadata.InitData) { + version = metadata.InitData.Version || 'Unknown'; + gitRemote = metadata.InitData.GitRemote || 'Unknown'; + gitBranch = metadata.InitData.GitBranch || 'Unknown'; + gitCommit = metadata.InitData.GitCommit || 'Unknown'; } - if (props.drive !== state.drive) { - setState({ ...state, loading: true, firstReqSent: false, segment: null, drive: props.drive }) + if (metadata.CarParams) { + if (metadata.CarParams.CarName !== undefined) vehicle += `${metadata.CarParams.CarName.toUpperCase()} `; + if (metadata.CarParams.CarFingerprint !== undefined) vehicle += (metadata.CarParams.CarFingerprint.toUpperCase()); + } + } catch (exception) { console.log(exception); } + + // const directoryTree = dirTree(config.storagePath + device.dongle_id + "/" + dongleIdHash + "/" + driveIdentifierHash + "/" + drive.identifier); + const directoryTree = state.segment; + const driveUrl = 'driveurl'; + const directorySegments = {}; + + if (directoryTree) { + for (const i in directoryTree.children) { + // skip any non-directory entries (for example m3u8 file in the drive directory) + if (directoryTree.children[i].type !== 'directory') continue; + + const segment = directoryTree.children[i].name; + + const logSegment = {}; + for (const c in directoryTree.children[i].children) { + logSegment[directoryTree.children[i].children[c].name] = { + url: `${driveUrl}/${segment}/${directoryTree.children[i].children[c].name}`, + name: directoryTree.children[i].children[c].name, + fileSize: directoryTree.children[i].children[c].size, + + }; + } + + directorySegments[segment] = logSegment; } - const dongle_id = props.dongleId; - const drive_id = props.drive; - const dongle = deviceState.dongles[dongle_id]; - console.log("view drive", dongle) - console.log("drives", dongle.drives) - if (!dongle || !dongle.drives) return (loading
) + console.log('output is', directorySegments); + } - if (state.segment === null) { - // TODO Make this not run multiple times - deviceController.getDriveSegments(dongle_id, dongle.drives[drive_id].identifier).then((res) => { - console.log("my res", res.data) - if (res.data === null) { - setState({ ...state, loading: false, firstReqSent: true, segment: [] }) - } else { - setState({ ...state, loading: false, firstReqSent: true, segment: res.data }) - } + return ( +Sign Out`; -*/ \ No newline at end of file +*/ diff --git a/src/components/views/home.jsx b/src/components/views/home.jsx index 512a2ea..8ba5b86 100644 --- a/src/components/views/home.jsx +++ b/src/components/views/home.jsx @@ -1,16 +1,16 @@ import { createTheme, ThemeProvider } from '@mui/material/styles'; import React, { useContext, useState } from 'react'; -import { Link } from "react-router-dom"; -import { UserContext } from "./../../context/users"; +import { Link } from 'react-router-dom'; +import { UserContext } from '../../context/users'; -const theme = createTheme(); +const theme = createTheme(); export default function SignIn() { - const [loading, setLoading] = useState(false) - const [ state, dispatch ] = useContext(UserContext) - console.log("component", state) + const [loading, setLoading] = useState(false); + const [state, dispatch] = useContext(UserContext); + console.log('component', state); const handleSubmit = (event) => { - dispatch({ type: "toggle_button" }) + dispatch({ type: 'toggle_button' }); event.preventDefault(); const data = new FormData(event.currentTarget); @@ -20,19 +20,15 @@ export default function SignIn() { password: data.get('password'), }); - setLoading(true) - - + setLoading(true); }; return (
hello
- - {"login?"} - +hello
+ + login? +
-
-
-
-
+
+
+
+
-
-
-
{deviceState.dongles['53331425'] ?
);
}
-
-
diff --git a/src/components/widgets/globalSnack.jsx b/src/components/widgets/globalSnack.jsx
index b13770a..47a2de1 100644
--- a/src/components/widgets/globalSnack.jsx
+++ b/src/components/widgets/globalSnack.jsx
@@ -1,19 +1,12 @@
import Snackbar from '@mui/material/Snackbar';
import React, { useContext } from 'react';
-import { context as DeviceContext } from "./../../context/toast";
-
-
-
-
-
+import { context as DeviceContext } from '../../context/toast';
export default function Toast(props) {
- const [state, dispatch] = useContext(DeviceContext)
-
-
+ const [state, dispatch] = useContext(DeviceContext);
const handleClose = () => {
- dispatch({ type: 'CLOSE_TOAST' })
+ dispatch({ type: 'CLOSE_TOAST' });
};
return (
diff --git a/src/context/devices/index.js b/src/context/devices/index.js
index 7ec1b83..463b6c3 100644
--- a/src/context/devices/index.js
+++ b/src/context/devices/index.js
@@ -1,131 +1,125 @@
-import React, { createContext, useEffect, useReducer } from "react";
-import * as deviceController from "./../../controllers/devices";
+import React, { createContext, useEffect, useReducer } from 'react';
+import * as deviceController from '../../controllers/devices';
function process(state, action) {
- if (action.type !== "ADD_DATA") { return state }
+ if (action.type !== 'ADD_DATA') { return state; }
- switch (action.data.command) {
-
- case "dongle_status":
- return {
- ...state,
- dongles: {
- ...state.dongles,
- [action.data.data.dongle_id]: {
- ...state.dongles[action.data.data.dongle_id],
- online: action.data.data.online,
- last_seen: action.data.data.time,
- dongle_id: action.data.data.dongle_id
- }
- }
- }
- default:
- return state;
- }
+ switch (action.data.command) {
+ case 'dongle_status':
+ return {
+ ...state,
+ dongles: {
+ ...state.dongles,
+ [action.data.data.dongle_id]: {
+ ...state.dongles[action.data.data.dongle_id],
+ online: action.data.data.online,
+ last_seen: action.data.data.time,
+ dongle_id: action.data.data.dongle_id,
+ },
+ },
+ };
+ default:
+ return state;
+ }
}
-
export const Reducer = (state, action) => {
- console.log("input", state, action)
- switch (action.type) {
- case 'ADD_DATA':
- return process(state, action);
- case "fetch_all_dongles":
- console.log("fetch", action)
- return {
- ...state,
- dongles: action.data
- }
+ console.log('input', state, action);
+ switch (action.type) {
+ case 'ADD_DATA':
+ return process(state, action);
+ case 'fetch_all_dongles':
+ console.log('fetch', action);
+ return {
+ ...state,
+ dongles: action.data,
+ };
- case "update_dongle_drive":
- return {
- ...state,
- dongles: {
- ...state.dongles,
- [action.dongle_id]: {
- ...state.dongles[action.dongle_id],
- drives: action.drives
- }
- }
- }
+ case 'update_dongle_drive':
+ return {
+ ...state,
+ dongles: {
+ ...state.dongles,
+ [action.dongle_id]: {
+ ...state.dongles[action.dongle_id],
+ drives: action.drives,
+ },
+ },
+ };
- case "update_dongle_bootlogs":
- return {
- ...state,
- dongles: {
- ...state.dongles,
- [action.dongle_id]: {
- ...state.dongles[action.dongle_id],
- boot: action.bootlogs
- }
- }
- }
+ case 'update_dongle_bootlogs':
+ return {
+ ...state,
+ dongles: {
+ ...state.dongles,
+ [action.dongle_id]: {
+ ...state.dongles[action.dongle_id],
+ boot: action.bootlogs,
+ },
+ },
+ };
- case "update_dongle_crashlogs":
- return {
- ...state,
- dongles: {
- ...state.dongles,
- [action.dongle_id]: {
- ...state.dongles[action.dongle_id],
- crash: action.crashlogs
- }
- }
- }
+ case 'update_dongle_crashlogs':
+ return {
+ ...state,
+ dongles: {
+ ...state.dongles,
+ [action.dongle_id]: {
+ ...state.dongles[action.dongle_id],
+ crash: action.crashlogs,
+ },
+ },
+ };
- case "user_authentication":
- return {
- ...state,
- user: action.user
- }
+ case 'user_authentication':
+ return {
+ ...state,
+ user: action.user,
+ };
- default:
- return state;
- }
+ default:
+ return state;
+ }
};
-
-
-
const initialState = {
- dongles: {}
+ dongles: {},
};
-const Store = ({ children }) => {
- console.log("STORE HAS BEEN RERENDERED")
- const [state, dispatch] = useReducer(Reducer, initialState);
+function Store({ children }) {
+ console.log('STORE HAS BEEN RERENDERED');
+ const [state, dispatch] = useReducer(Reducer, initialState);
- useEffect(() => {
- const ws = new WebSocket('ws://localhost:81');
+ useEffect(() => {
+ const ws = new WebSocket('ws://localhost:81');
- ws.onmessage = ({ data }) => {
- data = JSON.parse(data)
- console.log("Message")
- if (data.id) {
- dispatch({ type: "ADD_DATA", id: data.id, data: data })
- }
- };
+ ws.onmessage = ({ data }) => {
+ data = JSON.parse(data);
+ console.log('Message');
+ if (data.id) {
+ dispatch({ type: 'ADD_DATA', id: data.id, data });
+ }
+ };
- deviceController.getAllDevices().then((devices) => {
- console.log("store", devices)
+ deviceController.getAllDevices().then((devices) => {
+ console.log('store', devices);
- dispatch({ type: "fetch_all_dongles", data: devices })
- })
+ dispatch({ type: 'fetch_all_dongles', data: devices });
+ });
- return () => {
- try {
- ws.close();
- } catch (e) { }
- };
- }, []);
+ return () => {
+ try {
+ ws.close();
+ } catch (e) { }
+ };
+ }, []);
-
- return (
-
- {deviceState ? Object.keys(deviceState.dongles).map(key =>
no
} - + {deviceState ? Object.keys(deviceState.dongles).map((key) =>no
}no
} -{JSON.stringify(state)}
- + {console.log('testing', state)} ++ {' '} + {JSON.stringify(state)} +
+