\r\n )\r\n )\r\n}\r\n\r\nexport default ChatViewField;","import { useSelector, useDispatch } from \"react-redux\";\r\nimport { w3cwebsocket } from \"websocket\";\r\n\r\nimport { Grid } from \"@material-ui/core\";\r\n\r\nimport { RenderNewMessage } from \"./actions/Messages\";\r\nimport { Nuke } from \"./api/index\";\r\n\r\nimport Chatfield from \"./components/Chatfield/Chatfield\";\r\nimport Loginfield from \"./components/Loginfield/Loginfield\";\r\nimport ChatViewField from \"./components/ChatViewField/ChatViewField\";\r\n\r\nimport \"./app.css\"\r\n\r\nexport const client = new w3cwebsocket(\"wss://scuffedwebsite.com/chat/api/\")\r\n\r\nconst App = () =>\r\n{\r\n const DeleteMessages = () =>\r\n {\r\n Nuke();\r\n }\r\n\r\n const dispatch = useDispatch();\r\n\r\n client.onmessage = (msg) =>\r\n {\r\n dispatch(RenderNewMessage(JSON.parse(msg.data)));\r\n }\r\n\r\n const user = useSelector((state) => state.user);\r\n\r\n return (\r\n
\r\n {!user.displayName ? : (\r\n \r\n \r\n
\r\n
\r\n Sidebar placeholder \r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n )}\r\n
\r\n )\r\n}\r\n\r\nexport default App;\r\n\r\n","import { MessageTypes } from \"./../constants/ActionTypes\";\r\nconst Messages = (messages = [], action) =>\r\n{\r\n\r\n let temp = [...messages];\r\n\r\n // Arbitrary max length of temporary view\r\n if (temp.length >= 100) temp.pop();\r\n\r\n /* \r\n Literally the only difference between POST_MESSAGE and NEW_MESSAGE\r\n is what causes them to trigger, should probably consolidate them\r\n into one term\r\n\r\n POST_MESSAGE fires when the client itself creates a new message object\r\n while NEW_MESSAGE fires whenever a new message is received from the websocket\r\n connection, meaning someone else has posted a new message object\r\n */\r\n switch (action.type)\r\n {\r\n case MessageTypes.FETCH_ALL:\r\n return [...action.payload, ...temp];\r\n case MessageTypes.POST_MESSAGE:\r\n return [action.payload, ...temp];\r\n case MessageTypes.NEW_MESSAGE:\r\n return [action.payload, ...temp];\r\n default:\r\n return temp;\r\n }\r\n}\r\n\r\nexport default Messages;","import { UserTypes } from \"./../constants/ActionTypes\"\r\n\r\nconst User = (user = {\r\n id: \"\",\r\n displayName: \"\"\r\n}, action) =>\r\n{\r\n switch (action.type)\r\n {\r\n case UserTypes.LOGIN:\r\n return ({ id: \"0\", displayName: action.payload });\r\n case UserTypes.LOGOUT:\r\n break;\r\n default:\r\n return user;\r\n }\r\n}\r\nexport default User;","import { combineReducers } from \"redux\";\r\nimport messages from \"./messages\";\r\nimport user from \"./user\"\r\n\r\nexport default combineReducers({ messages, user });","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { createStore, applyMiddleware, compose } from \"redux\";\r\nimport { Provider } from \"react-redux\";\r\nimport thunk from \"redux-thunk\";\r\n\r\nimport App from \"./App\"\r\nimport reducers from \"./reducers/index\"\r\n\r\nimport \"./index.css\";\r\n\r\nconst composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;\r\n\r\nexport const store = createStore(reducers, /* preloadedState, */ composeEnhancers(applyMiddleware(thunk)));\r\n\r\nReactDOM.render(\r\n \r\n \r\n ,\r\n document.getElementById(\"root\")\r\n);\r\n\r\n"],"sourceRoot":""}