\n {tabs.map(tab => {\n const {\n className,\n label,\n content, // ignored\n children, // ignored\n onClick,\n highlight,\n ...rest\n } = tab.props;\n const key = tab.key || tab.props.label;\n const active = tab.active || key === activeTabKey;\n return (\n {\n this.setState({ activeTabKey: key });\n if (onClick) {\n onClick(e, tab);\n }\n }}\n {...rest}>\n {label}\n \n );\n })}\n
\n \n
\n
\n {title}\n
\n
fancy && onDragStart(e)} />\n {!!fancy && (\n
\n )}\n
\n );\n};\n\nTitleBar.defaultHooks = pureComponentHooks;\n","import { pureComponentHooks } from 'common/react';\n\nexport const Toast = props => {\n const { content, children } = props;\n return (\n
\n {content}\n {children}\n
\n );\n};\n\nToast.defaultHooks = pureComponentHooks;\n\nlet toastTimeout;\n\n/**\n * Shows a toast at the bottom of the screen.\n *\n * Takes the store's dispatch function, and text as a second argument.\n */\nexport const showToast = (dispatch, text) => {\n if (toastTimeout) {\n clearTimeout(toastTimeout);\n }\n toastTimeout = setTimeout(() => {\n toastTimeout = undefined;\n dispatch({\n type: 'hideToast',\n });\n }, 5000);\n dispatch({\n type: 'showToast',\n payload: { text },\n });\n};\n\nexport const toastReducer = (state, action) => {\n const { type, payload } = action;\n\n if (type === 'showToast') {\n const { text } = payload;\n return {\n ...state,\n toastText: text,\n };\n }\n\n if (type === 'hideToast') {\n return {\n ...state,\n toastText: null,\n };\n }\n\n return state;\n};\n","import { classes } from 'common/react';\n\nexport const Tooltip = props => {\n const {\n content,\n position = 'bottom',\n } = props;\n return (\n
\n );\n};\n","export { AnimatedNumber } from './AnimatedNumber';\nexport { Box } from './Box';\nexport { Button } from './Button';\nexport { Flex } from './Flex';\nexport { Icon } from './Icon';\nexport { LabeledList } from './LabeledList';\nexport { NoticeBox } from './NoticeBox';\nexport { ProgressBar } from './ProgressBar';\nexport { Section } from './Section';\nexport { Tabs } from './Tabs';\nexport { TitleBar } from './TitleBar';\nexport { Toast } from './Toast';\nexport { Tooltip } from './Tooltip';\n","// Constants used in tgui.\n// These are mirrored from the BYOND code.\n\nexport const UI_INTERACTIVE = 2;\nexport const UI_UPDATE = 1;\nexport const UI_DISABLED = 0;\nexport const UI_CLOSE = -1;\n\nexport const GAS_LABEL_MAPPING = {\n o2: 'O₂',\n n2: 'N₂',\n co2: 'CO₂',\n water_vapor: 'H₂O',\n n2o: 'N₂O',\n no2: 'NO₂',\n bz: 'BZ',\n};\n\nexport const getGasLabel = name => GAS_LABEL_MAPPING[name] || name;\n","import { winset, winget } from './byond';\nimport { createLogger } from './logging';\n\nconst logger = createLogger('drag');\n\nconst dragState = {\n dragging: false,\n resizing: false,\n windowRef: undefined,\n screenOffset: { x: 0, y: 0 },\n dragPointOffset: {},\n resizeMatrix: {},\n initialWindowSize: {},\n};\n\nexport const setupDrag = async state => {\n logger.log('setting up');\n dragState.windowRef = state.config.window;\n // Remove window borders\n if (state.config.fancy) {\n winset(state.config.window, 'titlebar', false);\n winset(state.config.window, 'can-resize', false);\n }\n // Calculate offset caused by windows taskbar\n const realPosition = await winget(dragState.windowRef, 'pos');\n dragState.screenOffset = {\n x: realPosition.x - window.screenX,\n y: realPosition.y - window.screenY,\n };\n logger.log('current dragState', dragState);\n};\n\nexport const dragStartHandler = event => {\n logger.log('drag start');\n dragState.dragging = true;\n dragState.dragPointOffset = {\n x: window.screenX - event.screenX,\n y: window.screenY - event.screenY,\n };\n document.addEventListener('mousemove', dragMoveHandler);\n document.addEventListener('mouseup', dragEndHandler);\n dragHandler(event);\n};\n\nexport const dragMoveHandler = event => {\n dragHandler(event);\n};\n\nexport const dragEndHandler = event => {\n logger.log('drag end');\n dragHandler(event);\n document.removeEventListener('mousemove', dragMoveHandler);\n document.removeEventListener('mouseup', dragEndHandler);\n dragState.dragging = false;\n};\n\nconst dragHandler = event => {\n if (!dragState.dragging) {\n return;\n }\n event.preventDefault();\n let x = event.screenX\n + dragState.screenOffset.x\n + dragState.dragPointOffset.x;\n let y = event.screenY\n + dragState.screenOffset.y\n + dragState.dragPointOffset.y;\n winset(dragState.windowRef, 'pos', [x, y].join(','));\n};\n\nexport const resizeStartHandler = (x, y) => event => {\n logger.log('resize start', [x, y]);\n dragState.resizing = true;\n dragState.resizeMatrix = { x, y };\n dragState.dragPointOffset = {\n x: window.screenX - event.screenX,\n y: window.screenY - event.screenY,\n };\n dragState.initialWindowSize = {\n x: window.innerWidth,\n y: window.innerHeight,\n };\n document.addEventListener('mousemove', resizeMoveHandler);\n document.addEventListener('mouseup', resizeEndHandler);\n resizeHandler(event);\n};\n\nexport const resizeMoveHandler = event => {\n resizeHandler(event);\n};\n\nexport const resizeEndHandler = event => {\n logger.log('resize end');\n resizeHandler(event);\n document.removeEventListener('mousemove', resizeMoveHandler);\n document.removeEventListener('mouseup', resizeEndHandler);\n dragState.resizing = false;\n};\n\nconst resizeHandler = event => {\n if (!dragState.resizing) {\n return;\n }\n event.preventDefault();\n let x = dragState.initialWindowSize.x\n + (event.screenX\n - window.screenX\n + dragState.dragPointOffset.x\n + 1)\n * dragState.resizeMatrix.x;\n let y = dragState.initialWindowSize.y\n + (event.screenY\n - window.screenY\n + dragState.dragPointOffset.y\n + 1)\n * dragState.resizeMatrix.y;\n winset(dragState.windowRef, 'size', [\n // Sane window size values\n Math.max(x, 250),\n Math.max(y, 120),\n ].join(','));\n};\n","import { createLogger } from './logging';\n\nconst logger = createLogger('hotkeys');\n\n// Key codes\nexport const KEY_0 = 48;\nexport const KEY_1 = 49;\nexport const KEY_2 = 50;\nexport const KEY_3 = 51;\nexport const KEY_4 = 52;\nexport const KEY_5 = 53;\nexport const KEY_6 = 54;\nexport const KEY_7 = 55;\nexport const KEY_8 = 56;\nexport const KEY_9 = 57;\nexport const KEY_A = 65;\nexport const KEY_B = 66;\nexport const KEY_C = 67;\nexport const KEY_D = 68;\nexport const KEY_E = 69;\nexport const KEY_F = 70;\nexport const KEY_G = 71;\nexport const KEY_H = 72;\nexport const KEY_I = 73;\nexport const KEY_J = 74;\nexport const KEY_K = 75;\nexport const KEY_L = 76;\nexport const KEY_M = 77;\nexport const KEY_N = 78;\nexport const KEY_O = 79;\nexport const KEY_P = 80;\nexport const KEY_Q = 81;\nexport const KEY_R = 82;\nexport const KEY_S = 83;\nexport const KEY_T = 84;\nexport const KEY_U = 85;\nexport const KEY_V = 86;\nexport const KEY_W = 87;\nexport const KEY_X = 88;\nexport const KEY_Y = 89;\nexport const KEY_Z = 90;\nexport const KEY_MINUS = 189;\nexport const KEY_EQUAL = 187;\n\nconst makeComboString = (ctrlKey, altKey, keyCode) => {\n const parts = [\n ctrlKey && 'Ctrl',\n altKey && 'Alt',\n '[' + keyCode + ']',\n ];\n return parts\n .filter(value => value)\n .join('+');\n};\n\n// Middleware\nexport const hotKeyMiddleware = store => {\n const { dispatch } = store;\n // Subscribe for hotkey events\n document.addEventListener('keyup', e => {\n const { ctrlKey, altKey } = e;\n const keyCode = window.event ? e.which : e.keyCode;\n // Dispatch them as store actions\n if (ctrlKey || altKey) {\n const comboString = makeComboString(ctrlKey, altKey, keyCode);\n logger.log(comboString);\n dispatch({\n type: 'hotKey',\n payload: { ctrlKey, altKey, keyCode },\n });\n }\n });\n // Pass through actions (do nothing)\n return next => action => next(action);\n};\n\n// Reducer\nexport const hotKeyReducer = (state, action) => {\n const { type, payload } = action;\n\n if (type === 'hotKey') {\n const { ctrlKey, altKey, keyCode } = payload;\n\n if (ctrlKey && altKey && keyCode === KEY_EQUAL) {\n // Toggle kitchen sink mode\n return {\n ...state,\n showKitchenSink: !state.showKitchenSink,\n };\n }\n\n return state;\n }\n\n return state;\n};\n","import 'core-js/stable';\nimport 'regenerator-runtime/runtime';\nimport './polyfills';\n\nimport { loadCSS } from 'fg-loadcss';\nimport { render } from 'inferno';\nimport { setupHotReloading } from 'tgui-dev-server/link/client';\nimport { backendUpdate } from './backend';\nimport { act, tridentVersion } from './byond';\nimport { setupDrag } from './drag';\nimport { createLogger, setLoggerRef } from './logging';\nimport { getRoute } from './routes';\nimport { createStore } from './store';\n\nconst logger = createLogger();\nconst store = createStore();\nconst reactRoot = document.getElementById('react-root');\n\nlet initialRender = true;\nlet handedOverToOldTgui = false;\n\nconst renderLayout = () => {\n // Short-circuit the renderer\n if (handedOverToOldTgui) {\n return;\n }\n try {\n const state = store.getState();\n // Initial render setup\n if (initialRender) {\n initialRender = false;\n\n // ----- Old TGUI chain-loader: begin -----\n const route = getRoute(state);\n // Route was not found, load old TGUI\n if (!route) {\n logger.warn('loading old tgui');\n // Short-circuit the renderer\n handedOverToOldTgui = true;\n // Unsubscribe from updates\n window.update = window.initialize = () => {};\n // Load old TGUI using redirection method for IE8\n if (tridentVersion <= 4) {\n setTimeout(() => {\n location.href = 'tgui-fallback.html?ref=' + ref;\n }, 10);\n return;\n }\n // Inject current state into the data holder\n const holder = document.getElementById('data');\n holder.textContent = JSON.stringify(state);\n // Load old TGUI by injecting new scripts\n loadCSS('v4shim.css');\n loadCSS('tgui.css');\n const head = document.getElementsByTagName('head')[0];\n const script = document.createElement('script');\n script.type = 'text/javascript';\n script.src = 'tgui.js';\n head.appendChild(script);\n // Bail\n return;\n }\n // ----- Old TGUI chain-loader: end -----\n\n logger.log('initial render', state);\n // Setup dragging\n setupDrag(state);\n }\n // Start rendering\n const { Layout } = require('./layout');\n const element =
;\n render(element, reactRoot);\n }\n catch (err) {\n logger.error('rendering error', err.stack || String(err));\n }\n};\n\nconst setupApp = () => {\n // Find data in the page, load inlined state.\n const holder = document.getElementById('data');\n const ref = holder.getAttribute('data-ref');\n const stateJson = holder.textContent;\n const state = JSON.parse(stateJson);\n\n // Initialize logger\n setLoggerRef(ref);\n\n // Subscribe for state updates\n store.subscribe(() => {\n renderLayout();\n });\n\n // Subscribe for bankend updates\n window.update = window.initialize = stateJson => {\n const state = JSON.parse(stateJson);\n // Backend update dispatches a store action\n store.dispatch(backendUpdate(state));\n };\n\n // Render the app\n if (state.config) {\n logger.log('found inlined state');\n store.dispatch(backendUpdate(state));\n }\n\n // Enable hot module reloading\n if (module.hot) {\n setupHotReloading();\n module.hot.accept(['./layout', './routes'], () => {\n renderLayout();\n });\n }\n\n // Initialize\n act(ref, 'tgui:initialize');\n\n // Dynamically load font-awesome from browser's cache\n loadCSS('font-awesome.css');\n};\n\n// Wait for DOM to properly load on IE8\nif (tridentVersion <= 4) {\n if (document.readyState !== 'loading') {\n setupApp();\n }\n else {\n document.addEventListener('DOMContentLoaded', setupApp);\n }\n}\n// Load right away on all other browsers\nelse {\n setupApp();\n}\n","import { Fragment } from 'inferno';\nimport { act } from '../byond';\nimport { Button, LabeledList, NoticeBox, ProgressBar, Section, Box } from '../components';\nimport { InterfaceLockNoticeBox } from './common/InterfaceLockNoticeBox';\n\nexport const APC = props => {\n const { state } = props;\n const { config, data } = state;\n const { ref } = config;\n const locked = data.locked && !data.siliconUser;\n const powerStatusMap = {\n 2: {\n color: 'good',\n externalPowerText: 'External Power',\n chargingText: 'Fully Charged',\n },\n 1: {\n color: 'average',\n externalPowerText: 'Low External Power',\n chargingText: 'Charging',\n },\n 0: {\n color: 'bad',\n externalPowerText: 'No External Power',\n chargingText: 'Not Charging',\n },\n };\n const malfMap = {\n 1: {\n icon: 'terminal',\n content: 'Override Programming',\n action: 'hack',\n },\n 2: {\n icon: 'caret-square-down',\n content: 'Shunt Core Process',\n action: 'occupy',\n },\n 3: {\n icon: 'caret-square-left',\n content: 'Return to Main Core',\n action: 'deoccupy',\n },\n 4: {\n icon: 'caret-square-down',\n content: 'Shunt Core Process',\n action: 'occupy',\n },\n };\n const externalPowerStatus = powerStatusMap[data.externalPower] || powerStatusMap[0];\n const chargingStatus = powerStatusMap[data.chargingStatus] || powerStatusMap[0];\n const channelArray = data.powerChannels || [];\n const malfStatus = malfMap[data.malfStatus] || malfMap[0];\n const adjustedCellChange = data.powerCellStatus / 100;\n\n if (data.failTime > 0) {\n return (\n
\n SYSTEM FAILURE
\n I/O regulators malfunction detected!\n Waiting for system reboot...
\n Automatic reboot in {data.failTime} seconds...\n act(ref, 'reboot')} />\n \n );\n }\n\n return (\n
\n act(ref, 'lock')} />\n \n \n act(ref, 'breaker')} />\n )}>\n [ {externalPowerStatus.externalPowerText} ]\n \n \n \n \n act(ref, 'charge')} />\n )}>\n [ {chargingStatus.chargingText} ]\n \n \n \n \n \n {channelArray.map(channel => {\n const { topicParams } = channel;\n return (\n \n = 2 ? 'good' : 'bad'}>\n {channel.status >= 2 ? 'On' : 'Off' }\n \n act(ref, 'channel', topicParams.auto)} />\n act(ref, 'channel', topicParams.on)} />\n act(ref, 'channel', topicParams.off)} />\n \n )}>\n {channel.powerLoad}\n \n );\n })}\n
\n {data.totalLoad}\n \n \n \n
\n {!!data.siliconUser && (\n \n {!!data.malfStatus && (\n act(ref, malfStatus.action)} />\n )}\n act(ref, 'overload')} />\n \n )}\n \n )}>\n act(ref, 'cover')} />\n )} />\n act(ref, 'emergency_lighting')} />\n )} />\n act(ref, 'toggle_nightshift')} />\n )} />\n \n \n );\n};\n","import { Fragment } from 'inferno';\nimport { act } from '../byond';\nimport { Box, Button, Section } from '../components';\n\nexport const Acclimator = props => {\n const { state } = props;\n const { config, data } = state;\n const { ref } = config;\n return (\n \n \n Current Temperature - {data.chem_temp}\n \n Target Temperature -\n act(ref, 'set_target_temperature')} />\n \n Acceptable Temperature Difference -\n act(ref, 'set_allowed_temperature_difference')} />\n \n \n Current Operation - {data.acclimate_state}\n \n act(ref, 'toggle_power')} />\n \n \n );\n};\n","import { Fragment } from 'inferno';\nimport { act } from '../byond';\nimport { Button, LabeledList, Section } from '../components';\n\nexport const AiAirlock = props => {\n const { state } = props;\n const { config, data } = state;\n const { ref } = config;\n const dangerMap = {\n 2: {\n color: 'good',\n localStatusText: 'Offline',\n },\n 1: {\n color: 'average',\n localStatusText: 'Caution',\n },\n 0: {\n color: 'bad',\n localStatusText: 'Optimal',\n },\n };\n const statusMain = dangerMap[data.power.main] || dangerMap[0];\n const statusBackup = dangerMap[data.power.backup] || dangerMap[0];\n const statusElectrify = dangerMap[data.shock] || dangerMap[0];\n return (\n \n \n \n act(ref, 'disrupt-main')} />\n )}>\n {data.power.main ? 'Online' : 'Offline'}\n {' '}\n {(!data.wires.main_1 || !data.wires.main_2)\n && '[Wires have been cut!]'\n || (data.power.main_timeleft > 0\n && `[${data.power.main_timeleft}s]`)\n }\n \n act(ref, 'disrupt-backup')} />\n )}>\n {data.power.backup ? 'Online' : 'Offline'}\n {' '}\n {(!data.wires.backup_1 || !data.wires.backup_2)\n && '[Wires have been cut!]'\n || (data.power.backup_timeleft > 0\n && `[${data.power.backup_timeleft}s]`)\n }\n \n \n act(ref, 'shock-restore')} />\n act(ref, 'shock-temp')} />\n act(ref, 'shock-perm')} />\n \n )}>\n {data.shock === 2 ? 'Safe' : 'Electrified'}\n {' '}\n {!data.wires.shock\n && '[Wires have been cut!]'\n || (data.shock_timeleft > 0\n && `[${data.shock_timeleft}s]`)\n || (data.shock_timeleft === -1\n && '[Permanent]')\n }\n \n \n \n \n \n act(ref, 'idscan-toggle')} />\n )}>\n {!data.wires.id_scanner && '[Wires have been cut!]'}\n \n act(ref, 'emergency-toggle')} />\n )}/>\n \n act(ref, 'bolt-toggle')} />\n )}>\n {!data.wires.bolts && '[Wires have been cut!]'}\n \n act(ref, 'light-toggle')} />\n )}>\n {!data.wires.lights && '[Wires have been cut!]'}\n \n act(ref, 'safe-toggle')} />\n )}>\n {!data.wires.safe && '[Wires have been cut!]'}\n \n act(ref, 'speed-toggle')} />\n )}>\n {!data.wires.timing && '[Wires have been cut!]'}\n \n \n act(ref, 'open-close')} />\n )}>\n {!!(data.locked || data.welded) && (\n \n [Door is {data.locked ? 'bolted' : ''}\n {(data.locked && data.welded) ? ' and ' : ''}\n {data.welded ? 'welded' : ''}!]\n \n )}\n \n \n \n \n );\n};\n","import { toFixed } from 'common/math';\nimport { decodeHtmlEntities } from 'common/string';\nimport { Fragment } from 'inferno';\nimport { act } from '../byond';\nimport { Box, Button, LabeledList, Section } from '../components';\nimport { GAS_LABEL_MAPPING } from '../constants';\nimport { createLogger } from '../logging';\nimport { InterfaceLockNoticeBox } from './common/InterfaceLockNoticeBox';\n\nconst logger = createLogger('AirAlarm');\n\nexport const AirAlarm = props => {\n const { state } = props;\n const { config, data } = state;\n const { ref } = config;\n const locked = data.locked && !data.siliconUser;\n return (\n \n act(ref, 'lock')} />\n \n {!locked && (\n \n )}\n \n );\n};\n\nconst AirAlarmStatus = props => {\n const { state } = props;\n const { config, data } = state;\n const { ref } = config;\n const entries = data.environment_data || [];\n const dangerMap = {\n 0: {\n color: 'good',\n localStatusText: 'Optimal',\n },\n 1: {\n color: 'average',\n localStatusText: 'Caution',\n },\n 2: {\n color: 'bad',\n localStatusText: 'Danger (Internals Required)',\n },\n };\n const localStatus = dangerMap[data.danger_level] || dangerMap[0];\n return (\n \n \n {entries.length > 0 && (\n \n {entries.map(entry => {\n const status = dangerMap[entry.danger_level] || dangerMap[0];\n return (\n \n {toFixed(entry.value, 2)}{entry.unit}\n \n );\n })}\n \n {localStatus.localStatusText}\n \n \n {data.atmos_alarm && 'Atmosphere Alarm'\n || data.fire_alarm && 'Fire Alarm'\n || 'Nominal'}\n \n \n ) || (\n \n Cannot obtain air sample for analysis.\n \n )}\n {!!data.emagged && (\n \n Safety measures offline. Device may exhibit abnormal behavior.\n \n )}\n \n \n );\n};\n\nconst AIR_ALARM_ROUTES = {\n home: {\n title: 'Air Controls',\n component: () => AirAlarmControlHome,\n },\n vents: {\n title: 'Vent Controls',\n component: () => AirAlarmControlVents,\n },\n scrubbers: {\n title: 'Scrubber Controls',\n component: () => AirAlarmControlScrubbers,\n },\n modes: {\n title: 'Operating Mode',\n component: () => AirAlarmControlModes,\n },\n thresholds: {\n title: 'Alarm Thresholds',\n component: () => AirAlarmControlThresholds,\n },\n};\n\nconst AirAlarmControl = props => {\n const { state } = props;\n const { config, data } = state;\n const { ref } = config;\n const route = AIR_ALARM_ROUTES[config.screen] || AIR_ALARM_ROUTES.home;\n const Component = route.component();\n return (\n act(ref, 'tgui:view', {\n screen: 'home',\n })} />\n )}>\n \n \n );\n};\n\n\n// Home screen\n// --------------------------------------------------------\n\nconst AirAlarmControlHome = props => {\n const { state } = props;\n const { config, data } = state;\n const { ref } = config;\n return (\n \n act(ref,\n data.atmos_alarm ? 'reset' : 'alarm')} />\n \n act(ref, 'mode', {\n mode: data.mode === 3 ? 1 : 3,\n })} />\n \n act(ref, 'tgui:view', {\n screen: 'vents',\n })} />\n \n act(ref, 'tgui:view', {\n screen: 'scrubbers',\n })} />\n \n act(ref, 'tgui:view', {\n screen: 'modes',\n })} />\n \n act(ref, 'tgui:view', {\n screen: 'thresholds',\n })} />\n \n );\n};\n\n\n// Vents\n// --------------------------------------------------------\n\nconst AirAlarmControlVents = props => {\n const { state } = props;\n const { vents } = state.data;\n if (!vents || vents.length === 0) {\n return 'Nothing to show';\n }\n return vents.map(vent => (\n \n ));\n};\n\nconst Vent = props => {\n const {\n state,\n id_tag,\n long_name,\n power,\n checks,\n excheck,\n incheck,\n direction,\n external,\n internal,\n extdefault,\n intdefault,\n } = props;\n const { ref } = state.config;\n return (\n act(ref, 'power', {\n id_tag,\n val: Number(!power),\n })} />\n )}>\n \n \n {direction === 'release' ? 'Pressurizing' : 'Releasing'}\n \n \n act(ref, 'incheck', {\n id_tag,\n val: checks,\n })} />\n act(ref, 'excheck', {\n id_tag,\n val: checks,\n })} />\n \n {!!incheck && (\n \n act(ref, 'set_internal_pressure', {\n id_tag,\n })} />\n act(ref, 'reset_internal_pressure', {\n id_tag,\n })} />\n \n )}\n {!!excheck && (\n \n act(ref, 'set_external_pressure', {\n id_tag,\n })} />\n act(ref, 'reset_external_pressure', {\n id_tag,\n })} />\n \n )}\n \n \n );\n};\n\n\n// Scrubbers\n// --------------------------------------------------------\n\nconst AirAlarmControlScrubbers = props => {\n const { state } = props;\n const { scrubbers } = state.data;\n if (!scrubbers || scrubbers.length === 0) {\n return 'Nothing to show';\n }\n return scrubbers.map(scrubber => (\n \n ));\n};\n\nconst Scrubber = props => {\n const {\n state,\n long_name,\n power,\n scrubbing,\n id_tag,\n widenet,\n filter_types,\n } = props;\n const { ref } = state.config;\n return (\n act(ref, 'power', {\n id_tag,\n val: Number(!power),\n })} />\n )}>\n \n \n act(ref, 'scrubbing', {\n id_tag,\n val: Number(!scrubbing),\n })} />\n act(ref, 'widenet', {\n id_tag,\n val: Number(!widenet),\n })} />\n \n \n {scrubbing\n && filter_types.map(filter => (\n \n \n \n );\n};\n\n\n// Modes\n// --------------------------------------------------------\n\nconst AirAlarmControlModes = props => {\n const { state } = props;\n const { ref } = state.config;\n const { modes } = state.data;\n if (!modes || modes.length === 0) {\n return 'Nothing to show';\n }\n return modes.map(mode => (\n \n act(ref, 'mode', { mode: mode.mode })} />\n \n \n ));\n};\n\n\n// Thresholds\n// --------------------------------------------------------\n\nconst AirAlarmControlThresholds = props => {\n const { state } = props;\n const { ref } = state.config;\n const { thresholds } = state.data;\n return (\n \n \n \n | \n min2 | \n min1 | \n max1 | \n max2 | \n
\n \n \n {thresholds.map(threshold => (\n \n | {threshold.name} | \n {threshold.settings.map(setting => (\n \n act(ref, 'threshold', {\n env: setting.env,\n var: setting.val,\n })} />\n | \n ))}\n
\n ))}\n \n
\n );\n};\n","import { Fragment } from 'inferno';\nimport { act } from '../byond';\nimport { Box, Button, LabeledList, Section, Tabs } from '../components';\nimport { createLogger } from '../logging';\n\nconst logger = createLogger('AirlockElectronics');\n\nexport const AirlockElectronics = props => {\n const { state } = props;\n const { config, data } = state;\n const { ref } = config;\n\n const regions = data.regions || [];\n\n const diffMap = {\n 0: {\n icon: 'times-circle',\n },\n 1: {\n icon: 'stop-circle',\n },\n 2: {\n icon: 'check-circle',\n },\n };\n\n const checkAccessIcon = accesses => {\n let oneAccess = false;\n let oneInaccess = false;\n\n accesses.forEach(element => {\n if (element.req) {\n oneAccess = true;\n }\n else {\n oneInaccess = true;\n }\n });\n\n if (!oneAccess && oneInaccess) {\n return 0;\n }\n else if (oneAccess && oneInaccess) {\n return 1;\n }\n else {\n return 2;\n }\n };\n\n return (\n \n \n \n \n act(ref, 'one_access')}\n />\n \n \n act(ref, 'grant_all')}\n />\n act(ref, 'clear_all')}\n />\n \n \n act(ref, 'direc_set', {\n unres_direction: '1',\n })}\n />\n act(ref, 'direc_set', {\n unres_direction: '2',\n })}\n />\n act(ref, 'direc_set', {\n unres_direction: '4',\n })}\n />\n act(ref, 'direc_set', {\n unres_direction: '8',\n })}\n />\n \n \n \n \n \n \n {regions.map(region => {\n const { name } = region;\n const accesses = region.accesses || [];\n const icon = diffMap[checkAccessIcon(accesses)].icon;\n return (\n \n {() => (\n \n {accesses.map(access => (\n \n act(ref, 'set', {\n access: access.id,\n })} />\n \n ))}\n \n )}\n \n );\n })}\n \n \n \n \n );\n};\n","import { Fragment } from 'inferno';\nimport { act } from '../byond';\nimport { Button, Section } from '../components';\n\nexport const AtmosAlertConsole = props => {\n const { state } = props;\n const { config, data } = state;\n const { ref } = config;\n const priorityAlerts = data.priority || [];\n const minorAlerts = data.minor || [];\n return (\n \n \n \n {priorityAlerts.length > 0 ? (\n \n {priorityAlerts.map(alert => (\n - \n act(ref, 'clear', { zone: alert })} />\n
\n ))}\n \n ) : (\n \n - \n \n No Priority Alerts\n \n
\n \n )}\n {minorAlerts.length > 0 ? (\n \n {minorAlerts.map(alert => (\n - \n act(ref, 'clear', { zone: alert })} />\n
\n ))}\n \n ) : (\n \n - \n \n No Minor Alerts\n \n
\n \n )}\n
\n \n \n );\n};\n","import { map } from 'common/fp';\nimport { round, toFixed } from 'common/math';\nimport { Fragment } from 'inferno';\nimport { act } from '../byond';\nimport { Button, LabeledList, Section } from '../components';\n\nexport const AtmosControlConsole = props => {\n const { state } = props;\n const { config, data } = state;\n const { ref } = config;\n const sensors = data.sensors || [];\n return (\n \n \n {sensors.map(sensor => {\n const gases = sensor.gases || {};\n return (\n \n \n \n {toFixed(sensor.pressure, 2)} kPa\n \n {!!sensor.temperature && (\n \n {toFixed(sensor.temperature, 2)} K\n \n )}\n {map((gasPercent, gasID) => {\n return (\n \n {toFixed(gasPercent, 2)}%\n \n );\n })(gases)}\n \n \n );\n })}\n \n {data.tank && (\n \n act(ref, 'reconnect')} />\n )}>\n \n \n act(ref, 'input')} />\n \n \n act(ref, 'input')} />\n \n \n act(ref, 'output')} />\n \n \n act(ref, 'pressure')} />\n \n \n \n \n )}\n \n );\n};\n","import { Fragment } from 'inferno';\nimport { act } from '../byond';\nimport { AnimatedNumber, Button, LabeledList, Section } from '../components';\n\nexport const AtmosFilter = props => {\n const { state } = props;\n const { config, data } = state;\n const { ref } = config;\n const filterTypes = data.filter_types || [];\n return (\n \n \n \n \n act(ref, 'power')}\n />\n \n \n act(ref, 'rate', {rate: 'input'})}\n />\n act(ref, 'rate', {rate: 'max'})}\n />\n {' '}\n L/s\n \n \n {filterTypes.map(filter => (\n act(ref, 'filter', {\n mode: filter.id,\n })} />\n ))}\n \n \n \n \n );\n};\n","import { Fragment } from 'inferno';\nimport { act } from '../byond';\nimport { AnimatedNumber, Button, LabeledList, Section } from '../components';\n\nexport const AtmosMixer = props => {\n const { state } = props;\n const { config, data } = state;\n const { ref } = config;\n return (\n \n \n \n \n act(ref, 'power')}\n />\n \n \n act(ref, 'pressure', { pressure: 'input' })}\n />\n act(ref, 'pressure', { pressure: 'max' })}\n />\n {' '}\n kPa\n \n \n act(ref, 'node1', { concentration: -0.1 })}\n />\n act(ref, 'node1', { concentration: -0.01 })}\n />\n act(ref, 'node1', { concentration: 0.01 })}\n />\n act(ref, 'node1', { concentration: 0.1 })}\n />\n {' '}\n %\n \n \n act(ref, 'node2', {\n concentration: -0.1,\n })} />\n act(ref, 'node2', {\n concentration: -0.01,\n })} />\n act(ref, 'node2', {\n concentration: 0.01,\n })} />\n act(ref, 'node2', {\n concentration: 0.1,\n })} />\n {' '}\n %\n \n \n \n \n );\n};\n","import { act } from '../byond';\nimport { Fragment } from 'inferno';\nimport { Button, LabeledList, Section, AnimatedNumber } from '../components';\nimport { round } from 'common/math';\n\nexport const AtmosPump = props => {\n const { state } = props;\n const { config, data } = state;\n const { ref } = config;\n return (\n \n \n \n \n act(ref, 'power')}\n />\n \n {data.max_rate ? (\n \n act(ref, 'rate', { rate: 'input' })} />\n act(ref, 'rate', { rate: 'max' })} />\n {' '}\n L/s\n \n ) : (\n \n act(ref, 'pressure', {pressure: 'input'})} />\n act(ref, 'pressure', { pressure: 'max' })} />\n {' '}\n kPa\n \n )}\n \n \n \n );\n};\n","import { Fragment } from 'inferno';\nimport { act } from '../byond';\nimport { Box, Button, LabeledList, NoticeBox, Section } from '../components';\n\nexport const BSA = props => {\n const { state } = props;\n const { config, data } = state;\n const { ref } = config;\n return (\n \n {!!data.notice && (\n \n {data.notice}\n \n )}\n {data.connected ? (\n \n act(ref, 'recalibrate')} />\n )}>\n \n {data.target ? data.target : 'No Target Set'}\n \n \n \n {data.unlocked ? (\n \n act(ref, 'fire')} />\n \n ) : (\n \n \n Bluespace artillery is currently locked.\n \n \n
\n \n Awaiting authorization via keycard reader from at minimum\n two station heads.\n \n \n )}\n \n \n ) : (\n \n \n \n act(ref, 'build')} />\n \n \n \n )}\n \n );\n};\n","import { Fragment } from 'inferno';\nimport { act } from '../byond';\nimport { Button, LabeledList, ProgressBar, Section } from '../components';\n\nexport const BorgPanel = props => {\n const { state } = props;\n const { config, data } = state;\n const { ref } = config;\n const borg = data.borg || {};\n const cell = data.cell || {};\n const cellPercent = cell.charge / cell.maxcharge;\n const channels = data.channels || [];\n const modules = data.modules || [];\n const upgrades = data.upgrades || [];\n const ais = data.ais || [];\n const laws = data.laws || [];\n return (\n \n act(ref, 'rename')} />\n )}>\n \n \n act(ref, 'toggle_emagged')} />\n act(ref, 'toggle_lockdown')} />\n act(ref, 'toggle_scrambledcodes')} />\n \n \n {!cell.missing ? (\n \n ) : (\n No cell installed\n ) }\n
\n act(ref, 'set_charge')} />\n act(ref, 'change_cell')} />\n act(ref, 'remove_cell')} />\n \n \n {channels.map(channel => (\n act(ref, 'toggle_radio', {\n channel: channel.name,\n })} />\n ))}\n \n \n {modules.map(module => (\n act(ref, 'setmodule', {\n module: module.type,\n })} />\n ))}\n \n \n {upgrades.map(upgrade => (\n act(ref, 'toggle_upgrade', {\n upgrade: upgrade.type,\n })} />\n ))}\n \n \n {ais.map(ai => (\n act(ref, 'slavetoai', {\n slavetoai: ai.ref,\n })} />\n ))}\n \n \n \n act(ref, 'toggle_lawupdate')} />\n )}>\n {laws.map(law => (\n \n {law}\n
\n \n ))}\n \n \n );\n};\n","import { Fragment } from 'inferno';\nimport { act } from '../byond';\nimport { Button, Section } from '../components';\nimport { createLogger } from '../logging';\n\nconst logger = createLogger('AirAlarm');\n\nexport const BrigTimer = props => {\n const { state } = props;\n const { config, data } = state;\n const { ref } = config;\n return (\n \n \n act(ref, data.timing ? 'stop' : 'start')} />\n act(ref, 'flash')} />\n \n )}>\n act(ref, 'time', { adjust: -600 })} />\n act(ref, 'time', { adjust: -100 })} />\n {' '}\n {String(data.minutes).padStart(2, '0')}:\n {String(data.seconds).padStart(2, '0')}\n {' '}\n act(ref, 'time', { adjust: 100 })} />\n act(ref, 'time', { adjust: 600 })} />\n
\n act(ref, 'preset', { preset: 'short' })} />\n act(ref, 'preset', { preset: 'medium' })} />\n act(ref, 'preset', { preset: 'long' })} />\n \n \n );\n};\n","import { Fragment } from 'inferno';\nimport { act } from '../byond';\nimport { AnimatedNumber, Button, LabeledList, NoticeBox, ProgressBar, Section, Box } from '../components';\n\nexport const Canister = props => {\n const { state } = props;\n const { config, data } = state;\n const { ref } = config;\n return (\n \n \n The regulator {data.hasHoldingTank ? 'is' : 'is not'} connected\n to a tank.\n \n act(ref, 'relabel')} />\n )}>\n \n \n kPa\n \n \n {!!data.isPrototype && (\n \n act(ref, 'restricted')} />\n \n )}\n \n \n\n \n \n \n \n kPa\n \n \n \n act(ref, 'pressure', {\n pressure: 'reset',\n })} />\n act(ref, 'pressure', {\n pressure: 'min',\n })} />\n act(ref, 'pressure', {\n pressure: 'input',\n })} />\n = data.maxReleasePressure}\n content=\"Max\"\n onClick={() => act(ref, 'pressure', {\n pressure: 'max',\n })} />\n \n\n \n act(ref, 'valve')} />\n \n \n \n\n act(ref, 'eject')} />\n )}>\n {!!data.hasHoldingTank && (\n \n \n {data.holdingTank.name}\n \n \n kPa\n \n \n )}\n {!data.hasHoldingTank && (\n \n No Holding Tank\n \n )}\n \n \n );\n};\n","import { map } from 'common/fp';\nimport { Fragment } from 'inferno';\nimport { act } from '../byond';\nimport { AnimatedNumber, Box, Button, LabeledList, Section, Tabs } from '../components';\n\nexport const Cargo = props => {\n const { state } = props;\n const { config, data } = state;\n const { ref } = config;\n const supplies = data.supplies || {};\n const requests = data.requests || [];\n const cart = data.cart || [];\n\n const cartTotalAmount = cart\n .reduce((total, entry) => total + entry.cost, 0);\n\n const cartButtons = !data.requestonly && (\n \n \n {cart.length === 0 && 'Cart is empty'}\n {cart.length === 1 && '1 item'}\n {cart.length >= 2 && cart.length + ' items'}\n {' '}\n {cartTotalAmount > 0 && `(${cartTotalAmount} cr)`}\n \n act(ref, 'clear')} />\n \n );\n\n return (\n \n \n credits\n \n )}>\n \n \n {(data.docked && !data.requestonly) ? (\n act(ref, 'send')} />\n ) : (\n {data.location}\n )}\n \n \n {data.message}\n \n {(data.loan && !data.requestonly) ? (\n \n {!data.loan_dispatched ? (\n act(ref, 'loan')} />\n ) : (\n Loaned to Centcom\n )}\n \n ) : ''}\n \n \n \n \n {() => (\n \n {cartButtons}\n act(ref, 'toggleprivate')} />\n \n )}>\n \n \n )}\n \n 0}\n lineHeight=\"23px\">\n {() => (\n act(ref, 'denyall')} />\n )}>\n \n \n )}\n \n {!data.requestonly && (\n 0}\n lineHeight=\"23px\">\n {() => (\n \n \n \n )}\n \n )}\n \n \n );\n};\n\nconst Catalog = props => {\n const { state, supplies } = props;\n const { config, data } = state;\n const { ref } = config;\n const renderTab = key => {\n const supply = supplies[key];\n const packs = supply.packs;\n return (\n \n {packs.map(pack => (\n \n | \n {pack.name}:\n | \n \n {!!pack.small_item && (\n Small Item\n )}\n | \n \n {!!pack.access && (\n Restrictions Apply\n )}\n | \n \n | \n \n ))}\n
\n );\n };\n return (\n \n {map(supply => {\n const name = supply.name;\n return (\n \n {renderTab}\n \n );\n })(supplies)}\n \n );\n};\n\nconst Requests = props => {\n const { state, requests } = props;\n const { config, data } = state;\n const { ref } = config;\n return (\n \n {requests.length ? (\n // Labeled list reimplementation to squeeze extra columns out of it\n \n {requests.map(request => (\n \n \n | \n #{request.id}:\n | \n \n {request.object}\n | \n \n By {request.orderer}\n | \n \n {request.reason}\n | \n \n {request.cost} credits\n {' '}\n {!data.requestonly && (\n \n act(ref, 'approve', {\n id: request.id,\n })} />\n act(ref, 'deny', {\n id: request.id,\n })} />\n \n )}\n | \n
\n \n ))}\n
\n ) : (\n No Requests\n )}\n \n );\n};\n\nconst Cart = props => {\n const { state, cart } = props;\n const { config, data } = state;\n const { ref } = config;\n return (\n \n {cart.length === 0 && 'Nothing in cart'}\n {cart.length > 0 && (\n \n {cart.map(entry => (\n \n \n {!!entry.paid && ([Paid Privately])}\n {' '}\n {entry.cost} credits\n \n act(ref, 'remove', {\n id: entry.id,\n })} />\n \n )}>\n {entry.object}\n \n ))}\n \n )}\n {cart.length > 0 && !data.requestonly && (\n \n {data.away === 1 && data.docked === 1 && (\n act(ref, 'send')} />\n ) || (\n \n Shuttle in {data.location}.\n \n )}\n \n )}\n \n );\n};\n","import { Fragment } from 'inferno';\nimport { act } from '../byond';\nimport { Button, LabeledList, Section } from '../components';\n\nexport const CellularEmporium = props => {\n const { state } = props;\n const { config, data } = state;\n const { ref } = config;\n const abilities = data.abilities;\n return (\n \n \n \n \n )}>\n {data.genetic_points_remaining}\n \n \n \n \n \n {abilities.map(ability => (\n \n {ability.dna_cost}\n {' '}\n act(ref, 'evolve', {name: ability.name})}\n />\n \n )}>\n {ability.desc}\n
\n {ability.helptext}\n \n ))}\n \n \n \n );\n};\n","import { Fragment } from 'inferno';\nimport { act } from '../byond';\nimport { Button, LabeledList, NoticeBox, Section } from '../components';\n\n// This is more or less a direct port from old tgui, with some slight\n// text cleanup. But yes, it actually worked like this.\n// TODO: Tooltips are exceeding 120 characters.\nexport const CentcomPodlauncher = props => {\n const { state } = props;\n const { config, data } = state;\n const { ref } = config;\n return (\n \n \n To use this, simply spawn the atoms you want in one of the five\n Centcom Supplypod Bays. Items in the bay will then be launched inside\n your supplypod, one turf-full at a time! You can optionally use the\n following buttons to configure how the supplypod acts.\n \n \n \n \n act(ref, 'bay1')} />\n act(ref, 'bay2')} />\n act(ref, 'bay3')} />\n act(ref, 'bay4')} />\n act(ref, 'bay5')} />\n \n \n act(ref, 'teleportCentcom')} />\n act(ref, 'teleportBack')} />\n \n \n act(ref, 'launchClone')} />\n \n \n act(ref, 'launchOrdered')} />\n act(ref, 'launchRandom')} />\n \n \n act(ref, 'explosionCustom')} />\n act(ref, 'explosionBus')} />\n \n \n act(ref, 'damageCustom')} />\n act(ref, 'damageGib')} />\n \n \n act(ref, 'effectStun')} />\n act(ref, 'effectLimb')} />\n act(ref, 'effectOrgans')} />\n \n \n act(ref, 'effectBluespace')} />\n act(ref, 'effectStealth')} />\n act(ref, 'effectQuiet')} />\n act(ref, 'effectReverse')} />\n act(ref, 'effectMissile')} />\n act(ref, 'effectCircle')} />\n act(ref, 'effectBurst')} />\n act(ref, 'effectBluespace')} />\n \n \n act(ref, 'effectName')} />\n act(ref, 'effectAnnounce')} />\n \n \n act(ref, 'fallSound')} />\n act(ref, 'landingSound')} />\n act(ref, 'openingSound')} />\n act(ref, 'leavingSound')} />\n act(ref, 'soundVolume')} />\n \n \n act(ref, 'fallDuration')} />\n act(ref, 'landingDelay')} />\n act(ref, 'openingDelay')} />\n act(ref, 'departureDelay')} />\n \n \n act(ref, 'styleStandard')} />\n act(ref, 'styleBluespace')} />\n act(ref, 'styleSyndie')} />\n act(ref, 'styleBlue')} />\n act(ref, 'styleCult')} />\n act(ref, 'styleMissile')} />\n act(ref, 'styleSMissile')} />\n act(ref, 'styleBox')} />\n act(ref, 'styleHONK')} />\n act(ref, 'styleFruit')} />\n act(ref, 'styleInvisible')} />\n act(ref, 'styleGondola')} />\n act(ref, 'styleSeeThrough')} />\n \n \n \n \n \n \n act(ref, 'undo')} />\n act(ref, 'giveLauncher')} />\n act(ref, 'clearBay')} />\n \n )} />\n \n \n \n );\n};\n","import { toFixed } from 'common/math';\nimport { toTitleCase } from 'common/string';\nimport { Fragment } from 'inferno';\nimport { act } from '../byond';\nimport { AnimatedNumber, Box, Button, Icon, LabeledList, ProgressBar, Section } from '../components';\n\nexport const ChemDispenser = props => {\n const { state } = props;\n const { config, data } = state;\n const { ref } = config;\n const recording = !!data.recordingRecipe;\n // TODO: Change how this piece of shit is built on server side\n // It has to be a list, not a fucking OBJECT!\n const recipes = Object.keys(data.recipes)\n .map(name => ({\n name,\n contents: data.recipes[name],\n }));\n const beakerTransferAmounts = data.beakerTransferAmounts || [];\n const beakerContents = recording\n && Object.keys(data.recordingRecipe)\n .map(id => ({\n id,\n name: toTitleCase(id.replace(/_/, ' ')),\n volume: data.recordingRecipe[id],\n }))\n || data.beakerContents\n || [];\n return (\n \n \n \n Recording\n \n )}>\n \n \n \n \n \n \n \n {!recording && (\n \n act(ref, 'clear_recipes')} />\n \n )}\n {!recording && (\n act(ref, 'record_recipe')} />\n )}\n {recording && (\n act(ref, 'cancel_recording')} />\n )}\n {recording && (\n act(ref, 'save_recording')} />\n )}\n \n )}>\n {recipes.map(recipe => (\n