From d31eac8c56bc397fe00b1fcee5bdb6bc1c402c10 Mon Sep 17 00:00:00 2001 From: ItsSelis Date: Sat, 18 Jun 2022 23:05:39 +0200 Subject: [PATCH] Removes tgui-panel --- tgui/packages/tgui-panel/Notifications.js | 41 - tgui/packages/tgui-panel/Panel.js | 138 --- .../tgui-panel/audio/NowPlayingWidget.js | 68 -- tgui/packages/tgui-panel/audio/hooks.js | 17 - tgui/packages/tgui-panel/audio/index.js | 10 - tgui/packages/tgui-panel/audio/middleware.js | 37 - tgui/packages/tgui-panel/audio/player.js | 117 --- tgui/packages/tgui-panel/audio/reducer.js | 50 - tgui/packages/tgui-panel/audio/selectors.js | 7 - .../tgui-panel/chat/ChatPageSettings.js | 75 -- tgui/packages/tgui-panel/chat/ChatPanel.js | 71 -- tgui/packages/tgui-panel/chat/ChatTabs.js | 61 -- tgui/packages/tgui-panel/chat/actions.js | 21 - tgui/packages/tgui-panel/chat/constants.js | 138 --- tgui/packages/tgui-panel/chat/index.js | 11 - tgui/packages/tgui-panel/chat/middleware.js | 134 --- tgui/packages/tgui-panel/chat/model.js | 50 - tgui/packages/tgui-panel/chat/reducer.js | 172 ---- tgui/packages/tgui-panel/chat/renderer.js | 488 ---------- .../tgui-panel/chat/replaceInTextNode.js | 128 --- tgui/packages/tgui-panel/chat/selectors.js | 21 - tgui/packages/tgui-panel/game/actions.js | 11 - tgui/packages/tgui-panel/game/constants.js | 7 - tgui/packages/tgui-panel/game/hooks.js | 12 - tgui/packages/tgui-panel/game/index.js | 9 - tgui/packages/tgui-panel/game/middleware.js | 48 - tgui/packages/tgui-panel/game/reducer.js | 39 - tgui/packages/tgui-panel/game/selectors.js | 7 - tgui/packages/tgui-panel/index.js | 113 --- tgui/packages/tgui-panel/package.json | 13 - tgui/packages/tgui-panel/panelFocus.js | 47 - .../packages/tgui-panel/ping/PingIndicator.js | 31 - tgui/packages/tgui-panel/ping/actions.js | 25 - tgui/packages/tgui-panel/ping/constants.js | 12 - tgui/packages/tgui-panel/ping/index.js | 9 - tgui/packages/tgui-panel/ping/middleware.js | 53 - tgui/packages/tgui-panel/ping/reducer.js | 42 - tgui/packages/tgui-panel/ping/selectors.js | 7 - .../tgui-panel/settings/SettingsPanel.js | 177 ---- tgui/packages/tgui-panel/settings/actions.js | 13 - .../packages/tgui-panel/settings/constants.js | 33 - tgui/packages/tgui-panel/settings/hooks.js | 20 - tgui/packages/tgui-panel/settings/index.js | 10 - .../tgui-panel/settings/middleware.js | 57 -- tgui/packages/tgui-panel/settings/reducer.js | 74 -- .../packages/tgui-panel/settings/selectors.js | 8 - .../tgui-panel/styles/components/Chat.scss | 100 -- .../styles/components/Notifications.scss | 26 - .../tgui-panel/styles/components/Ping.scss | 28 - .../tgui-panel/styles/goon/chat-dark.scss | 883 ----------------- .../tgui-panel/styles/goon/chat-light.scss | 921 ------------------ tgui/packages/tgui-panel/styles/main.scss | 62 -- .../tgui-panel/styles/themes/light.scss | 76 -- tgui/packages/tgui-panel/telemetry.js | 88 -- tgui/packages/tgui-panel/themes.js | 134 --- tgui/public/tgui-panel.bundle.css | 2 - tgui/public/tgui-panel.bundle.js | 1 - tgui/webpack.config.js | 4 - tgui/yarn.lock | 13 - 59 files changed, 5070 deletions(-) delete mode 100644 tgui/packages/tgui-panel/Notifications.js delete mode 100644 tgui/packages/tgui-panel/Panel.js delete mode 100644 tgui/packages/tgui-panel/audio/NowPlayingWidget.js delete mode 100644 tgui/packages/tgui-panel/audio/hooks.js delete mode 100644 tgui/packages/tgui-panel/audio/index.js delete mode 100644 tgui/packages/tgui-panel/audio/middleware.js delete mode 100644 tgui/packages/tgui-panel/audio/player.js delete mode 100644 tgui/packages/tgui-panel/audio/reducer.js delete mode 100644 tgui/packages/tgui-panel/audio/selectors.js delete mode 100644 tgui/packages/tgui-panel/chat/ChatPageSettings.js delete mode 100644 tgui/packages/tgui-panel/chat/ChatPanel.js delete mode 100644 tgui/packages/tgui-panel/chat/ChatTabs.js delete mode 100644 tgui/packages/tgui-panel/chat/actions.js delete mode 100644 tgui/packages/tgui-panel/chat/constants.js delete mode 100644 tgui/packages/tgui-panel/chat/index.js delete mode 100644 tgui/packages/tgui-panel/chat/middleware.js delete mode 100644 tgui/packages/tgui-panel/chat/model.js delete mode 100644 tgui/packages/tgui-panel/chat/reducer.js delete mode 100644 tgui/packages/tgui-panel/chat/renderer.js delete mode 100644 tgui/packages/tgui-panel/chat/replaceInTextNode.js delete mode 100644 tgui/packages/tgui-panel/chat/selectors.js delete mode 100644 tgui/packages/tgui-panel/game/actions.js delete mode 100644 tgui/packages/tgui-panel/game/constants.js delete mode 100644 tgui/packages/tgui-panel/game/hooks.js delete mode 100644 tgui/packages/tgui-panel/game/index.js delete mode 100644 tgui/packages/tgui-panel/game/middleware.js delete mode 100644 tgui/packages/tgui-panel/game/reducer.js delete mode 100644 tgui/packages/tgui-panel/game/selectors.js delete mode 100644 tgui/packages/tgui-panel/index.js delete mode 100644 tgui/packages/tgui-panel/package.json delete mode 100644 tgui/packages/tgui-panel/panelFocus.js delete mode 100644 tgui/packages/tgui-panel/ping/PingIndicator.js delete mode 100644 tgui/packages/tgui-panel/ping/actions.js delete mode 100644 tgui/packages/tgui-panel/ping/constants.js delete mode 100644 tgui/packages/tgui-panel/ping/index.js delete mode 100644 tgui/packages/tgui-panel/ping/middleware.js delete mode 100644 tgui/packages/tgui-panel/ping/reducer.js delete mode 100644 tgui/packages/tgui-panel/ping/selectors.js delete mode 100644 tgui/packages/tgui-panel/settings/SettingsPanel.js delete mode 100644 tgui/packages/tgui-panel/settings/actions.js delete mode 100644 tgui/packages/tgui-panel/settings/constants.js delete mode 100644 tgui/packages/tgui-panel/settings/hooks.js delete mode 100644 tgui/packages/tgui-panel/settings/index.js delete mode 100644 tgui/packages/tgui-panel/settings/middleware.js delete mode 100644 tgui/packages/tgui-panel/settings/reducer.js delete mode 100644 tgui/packages/tgui-panel/settings/selectors.js delete mode 100644 tgui/packages/tgui-panel/styles/components/Chat.scss delete mode 100644 tgui/packages/tgui-panel/styles/components/Notifications.scss delete mode 100644 tgui/packages/tgui-panel/styles/components/Ping.scss delete mode 100644 tgui/packages/tgui-panel/styles/goon/chat-dark.scss delete mode 100644 tgui/packages/tgui-panel/styles/goon/chat-light.scss delete mode 100644 tgui/packages/tgui-panel/styles/main.scss delete mode 100644 tgui/packages/tgui-panel/styles/themes/light.scss delete mode 100644 tgui/packages/tgui-panel/telemetry.js delete mode 100644 tgui/packages/tgui-panel/themes.js delete mode 100644 tgui/public/tgui-panel.bundle.css delete mode 100644 tgui/public/tgui-panel.bundle.js diff --git a/tgui/packages/tgui-panel/Notifications.js b/tgui/packages/tgui-panel/Notifications.js deleted file mode 100644 index a64ddd8e306..00000000000 --- a/tgui/packages/tgui-panel/Notifications.js +++ /dev/null @@ -1,41 +0,0 @@ -/** - * @file - * @copyright 2020 Aleksej Komarov - * @license MIT - */ - -import { Flex } from 'tgui/components'; - -export const Notifications = props => { - const { children } = props; - return ( -
- {children} -
- ); -}; - -const NotificationsItem = props => { - const { - rightSlot, - children, - } = props; - return ( - - - {children} - - {rightSlot && ( - - {rightSlot} - - )} - - ); -}; - -Notifications.Item = NotificationsItem; diff --git a/tgui/packages/tgui-panel/Panel.js b/tgui/packages/tgui-panel/Panel.js deleted file mode 100644 index d6cc9eb7efc..00000000000 --- a/tgui/packages/tgui-panel/Panel.js +++ /dev/null @@ -1,138 +0,0 @@ -/** - * @file - * @copyright 2020 Aleksej Komarov - * @license MIT - */ - -import { Button, Section, Stack } from 'tgui/components'; -import { Pane } from 'tgui/layouts'; -import { NowPlayingWidget, useAudio } from './audio'; -import { ChatPanel, ChatTabs } from './chat'; -import { useGame } from './game'; -import { Notifications } from './Notifications'; -import { PingIndicator } from './ping'; -import { SettingsPanel, useSettings } from './settings'; - -export const Panel = (props, context) => { - // IE8-10: Needs special treatment due to missing Flex support - if (Byond.IS_LTE_IE10) { - return ( - - ); - } - const audio = useAudio(context); - const settings = useSettings(context); - const game = useGame(context); - if (process.env.NODE_ENV !== 'production') { - const { useDebug, KitchenSink } = require('tgui/debug'); - const debug = useDebug(context); - if (debug.kitchenSink) { - return ( - - ); - } - } - return ( - - - -
- - - - - - - - -
-
- {audio.visible && ( - -
- -
-
- )} - {settings.visible && ( - - - - )} - -
- - - - - {game.connectionLostAt && ( - Byond.command('.reconnect')}> - Reconnect - - )}> - You are either AFK, experiencing lag or the connection - has closed. - - )} - {game.roundRestartedAt && ( - - The connection has been closed because the server is - restarting. Please wait while you automatically reconnect. - - )} - -
-
-
-
- ); -}; - -const HoboPanel = (props, context) => { - const settings = useSettings(context); - return ( - - - - {settings.visible && ( - - ) || ( - - )} - - - ); -}; diff --git a/tgui/packages/tgui-panel/audio/NowPlayingWidget.js b/tgui/packages/tgui-panel/audio/NowPlayingWidget.js deleted file mode 100644 index e4fe04eed16..00000000000 --- a/tgui/packages/tgui-panel/audio/NowPlayingWidget.js +++ /dev/null @@ -1,68 +0,0 @@ -/** - * @file - * @copyright 2020 Aleksej Komarov - * @license MIT - */ - -import { toFixed } from 'common/math'; -import { useDispatch, useSelector } from 'common/redux'; -import { Button, Flex, Knob } from 'tgui/components'; -import { useSettings } from '../settings'; -import { selectAudio } from './selectors'; - -export const NowPlayingWidget = (props, context) => { - const audio = useSelector(context, selectAudio); - const dispatch = useDispatch(context); - const settings = useSettings(context); - const title = audio.meta?.title; - return ( - - {audio.playing && ( - <> - - Now playing: - - - {title || 'Unknown Track'} - - - ) || ( - - Nothing to play. - - )} - {audio.playing && ( - - - - - -
- {MESSAGE_TYPES - .filter(typeDef => !typeDef.important && !typeDef.admin) - .map(typeDef => ( - dispatch(toggleAcceptedType({ - pageId: page.id, - type: typeDef.type, - }))}> - {typeDef.name} - - ))} - - {MESSAGE_TYPES - .filter(typeDef => !typeDef.important && typeDef.admin) - .map(typeDef => ( - dispatch(toggleAcceptedType({ - pageId: page.id, - type: typeDef.type, - }))}> - {typeDef.name} - - ))} - -
- - ); -}; diff --git a/tgui/packages/tgui-panel/chat/ChatPanel.js b/tgui/packages/tgui-panel/chat/ChatPanel.js deleted file mode 100644 index 0a5deaf9feb..00000000000 --- a/tgui/packages/tgui-panel/chat/ChatPanel.js +++ /dev/null @@ -1,71 +0,0 @@ -/** - * @file - * @copyright 2020 Aleksej Komarov - * @license MIT - */ - -import { shallowDiffers } from 'common/react'; -import { Component, createRef } from 'inferno'; -import { Button } from 'tgui/components'; -import { chatRenderer } from './renderer'; - -export class ChatPanel extends Component { - constructor() { - super(); - this.ref = createRef(); - this.state = { - scrollTracking: true, - }; - this.handleScrollTrackingChange = value => this.setState({ - scrollTracking: value, - }); - } - - componentDidMount() { - chatRenderer.mount(this.ref.current); - chatRenderer.events.on('scrollTrackingChanged', - this.handleScrollTrackingChange); - this.componentDidUpdate(); - } - - componentWillUnmount() { - chatRenderer.events.off('scrollTrackingChanged', - this.handleScrollTrackingChange); - } - - componentDidUpdate(prevProps) { - requestAnimationFrame(() => { - chatRenderer.ensureScrollTracking(); - }); - const shouldUpdateStyle = ( - !prevProps || shallowDiffers(this.props, prevProps) - ); - if (shouldUpdateStyle) { - chatRenderer.assignStyle({ - 'width': '100%', - 'white-space': 'pre-wrap', - 'font-size': this.props.fontSize, - 'line-height': this.props.lineHeight, - }); - } - } - - render() { - const { - scrollTracking, - } = this.state; - return ( - <> -
- {!scrollTracking && ( - - )} - - ); - } -} diff --git a/tgui/packages/tgui-panel/chat/ChatTabs.js b/tgui/packages/tgui-panel/chat/ChatTabs.js deleted file mode 100644 index a0e6cc59e52..00000000000 --- a/tgui/packages/tgui-panel/chat/ChatTabs.js +++ /dev/null @@ -1,61 +0,0 @@ -/** - * @file - * @copyright 2020 Aleksej Komarov - * @license MIT - */ - -import { useDispatch, useSelector } from 'common/redux'; -import { Box, Tabs, Flex, Button } from 'tgui/components'; -import { changeChatPage, addChatPage } from './actions'; -import { selectChatPages, selectCurrentChatPage } from './selectors'; -import { openChatSettings } from '../settings/actions'; - -const UnreadCountWidget = ({ value }) => ( - - {Math.min(value, 99)} - -); - -export const ChatTabs = (props, context) => { - const pages = useSelector(context, selectChatPages); - const currentPage = useSelector(context, selectCurrentChatPage); - const dispatch = useDispatch(context); - return ( - - - - {pages.map(page => ( - 0 && ( - - )} - onClick={() => dispatch(changeChatPage({ - pageId: page.id, - }))}> - {page.name} - - ))} - - - -