\r\n\t)\r\n}","// This optional code is used to register a service worker.\r\n// register() is not called by default.\r\n\r\n// This lets the app load faster on subsequent visits in production, and gives\r\n// it offline capabilities. However, it also means that developers (and users)\r\n// will only see deployed updates on subsequent visits to a page, after all the\r\n// existing tabs open on the page have been closed, since previously cached\r\n// resources are updated in the background.\r\n\r\n// To learn more about the benefits of this model and instructions on how to\r\n// opt-in, read https://bit.ly/CRA-PWA\r\n\r\nconst isLocalhost = Boolean(\r\n window.location.hostname === 'localhost' ||\r\n // [::1] is the IPv6 localhost address.\r\n window.location.hostname === '[::1]' ||\r\n // 127.0.0.1/8 is considered localhost for IPv4.\r\n window.location.hostname.match(\r\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\r\n )\r\n);\r\n\r\nexport function register(config) {\r\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\r\n // The URL constructor is available in all browsers that support SW.\r\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\r\n if (publicUrl.origin !== window.location.origin) {\r\n // Our service worker won't work if PUBLIC_URL is on a different origin\r\n // from what our page is served on. This might happen if a CDN is used to\r\n // serve assets; see https://github.com/facebook/create-react-app/issues/2374\r\n return;\r\n }\r\n\r\n window.addEventListener('load', () => {\r\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\r\n\r\n if (isLocalhost) {\r\n // This is running on localhost. Let's check if a service worker still exists or not.\r\n checkValidServiceWorker(swUrl, config);\r\n\r\n // Add some additional logging to localhost, pointing developers to the\r\n // service worker/PWA documentation.\r\n navigator.serviceWorker.ready.then(() => {\r\n console.log(\r\n 'This web app is being served cache-first by a service ' +\r\n 'worker. To learn more, visit https://bit.ly/CRA-PWA'\r\n );\r\n });\r\n } else {\r\n // Is not localhost. Just register service worker\r\n registerValidSW(swUrl, config);\r\n }\r\n });\r\n }\r\n}\r\n\r\nfunction registerValidSW(swUrl, config) {\r\n navigator.serviceWorker\r\n .register(swUrl)\r\n .then(registration => {\r\n registration.onupdatefound = () => {\r\n const installingWorker = registration.installing;\r\n if (installingWorker == null) {\r\n return;\r\n }\r\n installingWorker.onstatechange = () => {\r\n if (installingWorker.state === 'installed') {\r\n if (navigator.serviceWorker.controller) {\r\n // At this point, the updated precached content has been fetched,\r\n // but the previous service worker will still serve the older\r\n // content until all client tabs are closed.\r\n console.log(\r\n 'New content is available and will be used when all ' +\r\n 'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\r\n );\r\n\r\n // Execute callback\r\n if (config && config.onUpdate) {\r\n config.onUpdate(registration);\r\n }\r\n } else {\r\n // At this point, everything has been precached.\r\n // It's the perfect time to display a\r\n // \"Content is cached for offline use.\" message.\r\n console.log('Content is cached for offline use.');\r\n\r\n // Execute callback\r\n if (config && config.onSuccess) {\r\n config.onSuccess(registration);\r\n }\r\n }\r\n }\r\n };\r\n };\r\n })\r\n .catch(error => {\r\n console.error('Error during service worker registration:', error);\r\n });\r\n}\r\n\r\nfunction checkValidServiceWorker(swUrl, config) {\r\n // Check if the service worker can be found. If it can't reload the page.\r\n fetch(swUrl)\r\n .then(response => {\r\n // Ensure service worker exists, and that we really are getting a JS file.\r\n const contentType = response.headers.get('content-type');\r\n if (\r\n response.status === 404 ||\r\n (contentType != null && contentType.indexOf('javascript') === -1)\r\n ) {\r\n // No service worker found. Probably a different app. Reload the page.\r\n navigator.serviceWorker.ready.then(registration => {\r\n registration.unregister().then(() => {\r\n window.location.reload();\r\n });\r\n });\r\n } else {\r\n // Service worker found. Proceed as normal.\r\n registerValidSW(swUrl, config);\r\n }\r\n })\r\n .catch(() => {\r\n console.log(\r\n 'No internet connection found. App is running in offline mode.'\r\n );\r\n });\r\n}\r\n\r\nexport function unregister() {\r\n if ('serviceWorker' in navigator) {\r\n navigator.serviceWorker.ready.then(registration => {\r\n registration.unregister();\r\n });\r\n }\r\n}\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport './css/index.css';\r\nimport App from './App';\r\nimport * as serviceWorker from './serviceWorker';\r\n\r\nReactDOM.render(, document.getElementById('root'));\r\n\r\n// If you want your app to work offline and load faster, you can change\r\n// unregister() to register() below. Note this comes with some pitfalls.\r\n// Learn more about service workers: https://bit.ly/CRA-PWA\r\nserviceWorker.unregister();\r\n","import React from 'react'\r\nimport listenActWebSocket from './ACTWebsocket'\r\nimport './css/App.css'\r\nimport Action from './Action'\r\nimport RotationContainer from './Rotation'\r\nimport ReactDOM from 'react-dom'\r\n\r\nexport default function App() {\r\n\t// NOTE: unlike class state, useState doesn't do object merging; instead, it directly holds values\r\n\tconst [actionList, setActionList] = React.useState([])\r\n\tconst [encounterList, setEncounterList] = React.useState([])\r\n\r\n\tReact.useEffect(() => {\r\n\t\t\r\n\t\t// These values are only used internally by the handler,\r\n\t\t// we don't need to notify React that they were updated,\r\n\t\t// or keep their updates synchronized with actionList updates.\r\n\t\t//\r\n\t\t// This means we don't have to keep them in State (or Reducer)!\r\n\t\tlet selfId\r\n\t\tlet lastTimestamp = ''\r\n\t\tlet lastAction = -1\r\n\t\tlet currentZone = 'Unknown'\r\n\r\n\t\t// we need keys to persist for each push, even if we shorten the array later,\r\n\t\t// so we store the key with the action; can't just use array index due to CSS\r\n\t\tlet lastKey = 1\r\n\r\n\t\t// listenActWebSocket should be changed to return the websocket,\r\n\t\t// and this effect should return a function that disconnects the websocket\r\n\t\t//\r\n\t\t// like \"return () => { ws.close() }\"\r\n\t\tlet ws = listenActWebSocket((data, code) => {\r\n\t\t\tconst openNewEncounter = (timestamp) => {\r\n\t\t\t\tsetEncounterList(encounterList => {\r\n\t\t\t\t\tif(encounterList[0] && encounterList[0].rotation && encounterList[0].rotation.length <= 0) {\r\n\t\t\t\t\t\tencounterList.shift()\r\n\t\t\t\t\t}\r\n\t\t\t\t\t\r\n\t\t\t\t\tencounterList.unshift({\r\n\t\t\t\t\t\tname: currentZone,\r\n\t\t\t\t\t\trotation: []\r\n\t\t\t\t\t})\r\n\t\t\t\t\t\r\n\t\t\t\t\treturn encounterList.slice(0,3)\r\n\t\t\t\t})\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\tif (data.charID) {\r\n\t\t\t\tselfId = data.charID\r\n\t\t\t\topenNewEncounter()\r\n\t\t\t\treturn\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\tswitch(code) {\r\n\t\t\t\tcase '00':\r\n\t\t\t\t\tconst [, , refCode, , message] = data.split('|')\r\n\t\t\t\t\tif(refCode === '0038' && message === 'end') openNewEncounter()\r\n\t\t\t\t\treturn\r\n\t\t\t\tcase '01':\r\n\t\t\t\t\tconst [, , , zoneName] = data.split('|')\r\n\t\t\t\t\tcurrentZone = zoneName\r\n\t\t\t\t\treturn\r\n\t\t\t\tcase '02':\r\n\t\t\t\t\tconst [, , logCharIdHex] = data.split('|')\r\n\t\t\t\t\tselfId = parseInt(logCharIdHex, 16)\r\n\t\t\t\t\topenNewEncounter()\r\n\t\t\t\t\treturn\r\n\t\t\t\tcase '33':\r\n\t\t\t\t\tconst [, , , controlCode] = data.split('|')\r\n\t\t\t\t\tif(controlCode === '40000012' || controlCode === '40000010') openNewEncounter()\r\n\t\t\t\t\treturn\r\n\t\t\t\tdefault:\r\n\t\t\t\t\tbreak\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t//if it's not any of these it must be Network(AOE)Ability, the bulk of what we want to handle\r\n\r\n\t\t\tif (selfId === undefined) return\r\n\r\n\t\t\tconst [, logTimestamp, logCharIdHex, , logActionIdHex] = data.split('|')\r\n\r\n\t\t\t// microoptimization: since selfId updates way less often,\r\n\t\t\t// save selfId as data.charID.toString(16), that way you don't need to\r\n\t\t\t// parse logCharIdHex every time\r\n\t\t\tif (parseInt(logCharIdHex, 16) !== selfId) return\r\n\r\n\t\t\t// we do a mathematical comparison with action though so can't optimize this away\r\n\t\t\tconst action = parseInt(logActionIdHex, 16)\r\n\r\n\t\t\tif (\r\n\t\t\t\taction <= 8 ||\r\n\t\t\t\t(logTimestamp === lastTimestamp && action === lastAction)\r\n\t\t\t)\r\n\t\t\t\treturn\r\n\t\t\t\t\r\n\t\t\tif((Date.now() - Date.parse(lastTimestamp)) > 120000) openNewEncounter()//last action > 120s ago\r\n\r\n\t\t\tlastTimestamp = logTimestamp\r\n\t\t\tlastAction = action\r\n\r\n\t\t\tconst key = (lastKey % 256) + 1\r\n\t\t\tlastKey = key\r\n\r\n\t\t\tReactDOM.unstable_batchedUpdates(() => {\r\n\t\t\t\tsetActionList(actionList => actionList.concat({ action, key }))\r\n\t\t\t\tsetEncounterList(encounterList => {\r\n\t\t\t\t\tif(!encounterList[0]) {\r\n\t\t\t\t\t\tencounterList[0] = {\r\n\t\t\t\t\t\t\tname: currentZone,\r\n\t\t\t\t\t\t\trotation: []\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t\r\n\t\t\t\t\tencounterList[0].rotation.push( action )\r\n\t\t\t\t\r\n\t\t\t\t\treturn encounterList\r\n\t\t\t\t})\r\n\t\t\t})\r\n\r\n\t\t\t// This _probably_ should be done as a separate React.useEffect instead,\r\n\t\t\t// which runs as an effect whenever the value of actionList changes.\r\n\t\t\t// The problem there is, it would have to detect whether the list grew\r\n\t\t\t// since the last time it was called, otherwise it'd react (heh) to its own\r\n\t\t\t// updates.\r\n\t\t\t//\r\n\t\t\t// Easier to pair it with the previous set.\r\n\t\t\tsetTimeout(() => {\r\n\t\t\t\tsetActionList(actionList => actionList.slice(1))\r\n\t\t\t}, 10000)\r\n\t\t})\r\n\t\t\r\n\t\treturn () => { ws.close() }\r\n\t}, [])\r\n\r\n\treturn (\r\n\t\t