From 84684ea07e9a6240b5b9412375dbecefce14f114 Mon Sep 17 00:00:00 2001 From: Niel Rohling Date: Fri, 19 Apr 2019 20:33:47 +0200 Subject: [PATCH] delete old --- src/App.scss | 5 - src/App.tsx | 22 ---- src/components/Channel/ChannelEntry.tsx | 30 ----- src/components/Channel/ChannelList.scss | 3 - src/components/Channel/ChannelList.tsx | 21 ---- src/components/Channel/ChannelView.scss | 10 -- src/components/Channel/ChannelView.tsx | 29 ----- src/components/Channel/Channels.tsx | 35 ------ src/components/Header/Header.scss | 7 -- src/components/Header/Header.tsx | 9 -- src/components/Home.tsx | 12 -- src/index.css | 14 --- src/index.tsx | 12 -- src/react-app-env.d.ts | 1 - src/serviceWorker.ts | 143 ------------------------ src/services/ApiService.ts | 11 -- src/types.d.ts | 35 ------ tsconfig.json | 25 ----- tslint.json | 21 ---- 19 files changed, 445 deletions(-) delete mode 100644 src/App.scss delete mode 100755 src/App.tsx delete mode 100644 src/components/Channel/ChannelEntry.tsx delete mode 100644 src/components/Channel/ChannelList.scss delete mode 100644 src/components/Channel/ChannelList.tsx delete mode 100644 src/components/Channel/ChannelView.scss delete mode 100644 src/components/Channel/ChannelView.tsx delete mode 100644 src/components/Channel/Channels.tsx delete mode 100644 src/components/Header/Header.scss delete mode 100644 src/components/Header/Header.tsx delete mode 100644 src/components/Home.tsx delete mode 100755 src/index.css delete mode 100755 src/index.tsx delete mode 100644 src/react-app-env.d.ts delete mode 100755 src/serviceWorker.ts delete mode 100644 src/services/ApiService.ts delete mode 100644 src/types.d.ts delete mode 100644 tsconfig.json delete mode 100644 tslint.json diff --git a/src/App.scss b/src/App.scss deleted file mode 100644 index 74ebcac..0000000 --- a/src/App.scss +++ /dev/null @@ -1,5 +0,0 @@ -body { - background-color: #4a4a4a; - font-size: 160%; - color: #fff -} diff --git a/src/App.tsx b/src/App.tsx deleted file mode 100755 index 5802c45..0000000 --- a/src/App.tsx +++ /dev/null @@ -1,22 +0,0 @@ -import React, { Component } from 'react'; -import { BrowserRouter as Router, Route } from 'react-router-dom'; - -import Header from './components/Header/Header'; - -import './App.scss'; -import Home from './components/Home'; - -class App extends Component { - public render() { - return ( -
-
- - - -
- ); - } -} - -export default App; diff --git a/src/components/Channel/ChannelEntry.tsx b/src/components/Channel/ChannelEntry.tsx deleted file mode 100644 index 31af0e0..0000000 --- a/src/components/Channel/ChannelEntry.tsx +++ /dev/null @@ -1,30 +0,0 @@ -import React, { Component } from 'react'; -import ChannelList from './ChannelList'; - -const ChannelEntry = (props: ChannelEntryProps) => { - const { clients, channel } = props; - const joined: Client[] = []; - if (channel.totalClients > 0) { - clients.forEach(client => { - if (client.channelId === channel.id) joined.push(client); - }); - } - - return ( - <> - {channel.name} - {joined.length > 0 && ( - - )} - {channel.subchannels !== undefined && ( - - )} - - ); -}; - -export default ChannelEntry; diff --git a/src/components/Channel/ChannelList.scss b/src/components/Channel/ChannelList.scss deleted file mode 100644 index d846b36..0000000 --- a/src/components/Channel/ChannelList.scss +++ /dev/null @@ -1,3 +0,0 @@ -.channelList { - list-style: none -} diff --git a/src/components/Channel/ChannelList.tsx b/src/components/Channel/ChannelList.tsx deleted file mode 100644 index 4058702..0000000 --- a/src/components/Channel/ChannelList.tsx +++ /dev/null @@ -1,21 +0,0 @@ -import React, { Component } from 'react'; -import ApiService from '../../services/ApiService'; -import ChannelEntry from './ChannelEntry'; - -import './ChannelList.scss'; - -const ChannelList = ({ channels, clients }: ChannelListProps) => { - return ( - - ); -}; - -export default ChannelList; diff --git a/src/components/Channel/ChannelView.scss b/src/components/Channel/ChannelView.scss deleted file mode 100644 index 9e43fba..0000000 --- a/src/components/Channel/ChannelView.scss +++ /dev/null @@ -1,10 +0,0 @@ -.channel-view { - background-color: green; - width: 20%; - height: auto; - margin: auto; -} - -.channel-view ul { - text-align: left -} diff --git a/src/components/Channel/ChannelView.tsx b/src/components/Channel/ChannelView.tsx deleted file mode 100644 index 8622b6a..0000000 --- a/src/components/Channel/ChannelView.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import React, { Component } from 'react'; -import './ChannelView.scss'; - -export default class ChannelView extends Component { - render() { - const { channel } = this.props; - return ( -
-

{channel.name}

-
    -
  • - #{channel.id} - {channel.name} -
    • - {channel.totalClients >= 0 && ( -
  • - Users online {channel.totalClients} -
    • - )} - {channel.subchannels.length > 0 && ( -
  • - Subchannels: -
    • - )} -
-
- ); - } -} diff --git a/src/components/Channel/Channels.tsx b/src/components/Channel/Channels.tsx deleted file mode 100644 index 3b5d0d7..0000000 --- a/src/components/Channel/Channels.tsx +++ /dev/null @@ -1,35 +0,0 @@ -import React, { Component } from 'react'; -import ApiService from '../../services/ApiService'; -import ChannelList from './ChannelList'; - -class Channels extends Component<{}, ChannelState> { - constructor(props: any) { - super(props); - this.state = { - loaded: false, - channels: [], - clients: [], - }; - } - - componentDidMount() { - ApiService.fetchAllChannels() - .then(data => { - this.setState({ - channels: data.channelJson, - clients: data.clientJson, - loaded: true, - }); - }) - .catch(e => console.error(e)); - } - render() { - const { loaded, channels, clients } = this.state; - if (!loaded) return
Loading...
; - else { - return ; - } - } -} - -export default Channels; diff --git a/src/components/Header/Header.scss b/src/components/Header/Header.scss deleted file mode 100644 index 0e7f4b2..0000000 --- a/src/components/Header/Header.scss +++ /dev/null @@ -1,7 +0,0 @@ -.App-header { - text-align: center; - background-color: #282c34; - font-size: 1.6em; - padding: 0.5em 0; - color: white; -} diff --git a/src/components/Header/Header.tsx b/src/components/Header/Header.tsx deleted file mode 100644 index 66a6bb7..0000000 --- a/src/components/Header/Header.tsx +++ /dev/null @@ -1,9 +0,0 @@ -import React, { Component } from 'react'; -import './Header.scss'; -class Header extends Component { - public render() { - return
Cliffbreak.de
; - } -} - -export default Header; diff --git a/src/components/Home.tsx b/src/components/Home.tsx deleted file mode 100644 index fe8d963..0000000 --- a/src/components/Home.tsx +++ /dev/null @@ -1,12 +0,0 @@ -import React, { Component } from 'react'; -import Channels from './Channel/Channels'; - -export default class Home extends Component { - render() { - return ( -
- -
- ); - } -} diff --git a/src/index.css b/src/index.css deleted file mode 100755 index e2bd8f3..0000000 --- a/src/index.css +++ /dev/null @@ -1,14 +0,0 @@ -body { - margin: 0; - padding: 0; - font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', - 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', - sans-serif; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -code { - font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', - monospace; -} diff --git a/src/index.tsx b/src/index.tsx deleted file mode 100755 index 1b2f165..0000000 --- a/src/index.tsx +++ /dev/null @@ -1,12 +0,0 @@ -import React from 'react'; -import ReactDOM from 'react-dom'; -import App from './App'; -import './index.css'; -import * as serviceWorker from './serviceWorker'; - -ReactDOM.render(, document.getElementById('root')); - -// If you want your app to work offline and load faster, you can change -// unregister() to register() below. Note this comes with some pitfalls. -// Learn more about service workers: http://bit.ly/CRA-PWA -serviceWorker.unregister(); diff --git a/src/react-app-env.d.ts b/src/react-app-env.d.ts deleted file mode 100644 index 6431bc5..0000000 --- a/src/react-app-env.d.ts +++ /dev/null @@ -1 +0,0 @@ -/// diff --git a/src/serviceWorker.ts b/src/serviceWorker.ts deleted file mode 100755 index c0b1310..0000000 --- a/src/serviceWorker.ts +++ /dev/null @@ -1,143 +0,0 @@ -// This optional code is used to register a service worker. -// register() is not called by default. - -// This lets the app load faster on subsequent visits in production, and gives -// it offline capabilities. However, it also means that developers (and users) -// will only see deployed updates on subsequent visits to a page, after all the -// existing tabs open on the page have been closed, since previously cached -// resources are updated in the background. - -// To learn more about the benefits of this model and instructions on how to -// opt-in, read http://bit.ly/CRA-PWA - -const isLocalhost = Boolean( - window.location.hostname === 'localhost' || - // [::1] is the IPv6 localhost address. - window.location.hostname === '[::1]' || - // 127.0.0.1/8 is considered localhost for IPv4. - window.location.hostname.match( - /^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/ - ) -); - -type Config = { - onSuccess?: (registration: ServiceWorkerRegistration) => void; - onUpdate?: (registration: ServiceWorkerRegistration) => void; -}; - -export function register(config?: Config) { - if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) { - // The URL constructor is available in all browsers that support SW. - const publicUrl = new URL( - (process as { env: { [key: string]: string } }).env.PUBLIC_URL, - window.location.href - ); - if (publicUrl.origin !== window.location.origin) { - // Our service worker won't work if PUBLIC_URL is on a different origin - // from what our page is served on. This might happen if a CDN is used to - // serve assets; see https://github.com/facebook/create-react-app/issues/2374 - return; - } - - window.addEventListener('load', () => { - const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`; - - if (isLocalhost) { - // This is running on localhost. Let's check if a service worker still exists or not. - checkValidServiceWorker(swUrl, config); - - // Add some additional logging to localhost, pointing developers to the - // service worker/PWA documentation. - navigator.serviceWorker.ready.then(() => { - console.log( - 'This web app is being served cache-first by a service ' + - 'worker. To learn more, visit http://bit.ly/CRA-PWA' - ); - }); - } else { - // Is not localhost. Just register service worker - registerValidSW(swUrl, config); - } - }); - } -} - -function registerValidSW(swUrl: string, config?: Config) { - navigator.serviceWorker - .register(swUrl) - .then(registration => { - registration.onupdatefound = () => { - const installingWorker = registration.installing; - if (installingWorker == null) { - return; - } - installingWorker.onstatechange = () => { - if (installingWorker.state === 'installed') { - if (navigator.serviceWorker.controller) { - // At this point, the updated precached content has been fetched, - // but the previous service worker will still serve the older - // content until all client tabs are closed. - console.log( - 'New content is available and will be used when all ' + - 'tabs for this page are closed. See http://bit.ly/CRA-PWA.' - ); - - // Execute callback - if (config && config.onUpdate) { - config.onUpdate(registration); - } - } else { - // At this point, everything has been precached. - // It's the perfect time to display a - // "Content is cached for offline use." message. - console.log('Content is cached for offline use.'); - - // Execute callback - if (config && config.onSuccess) { - config.onSuccess(registration); - } - } - } - }; - }; - }) - .catch(error => { - console.error('Error during service worker registration:', error); - }); -} - -function checkValidServiceWorker(swUrl: string, config?: Config) { - // Check if the service worker can be found. If it can't reload the page. - fetch(swUrl) - .then(response => { - // Ensure service worker exists, and that we really are getting a JS file. - const contentType = response.headers.get('content-type'); - if ( - response.status === 404 || - (contentType != null && contentType.indexOf('javascript') === -1) - ) { - // No service worker found. Probably a different app. Reload the page. - navigator.serviceWorker.ready.then(registration => { - registration.unregister().then(() => { - window.location.reload(); - }); - }); - } else { - // Service worker found. Proceed as normal. - registerValidSW(swUrl, config); - } - }) - .catch(() => { - console.log( - 'No internet connection found. App is running in offline mode.' - ); - }); -} - -export function unregister() { - if ('serviceWorker' in navigator) { - navigator.serviceWorker.ready.then(registration => { - registration.unregister(); - }); - } -} diff --git a/src/services/ApiService.ts b/src/services/ApiService.ts deleted file mode 100644 index 0844dd3..0000000 --- a/src/services/ApiService.ts +++ /dev/null @@ -1,11 +0,0 @@ -const API_URL = 'https://ts.cliffbreak.de/v1/'; - -export default class ApiService { - public static async fetchAllChannels() { - const channelRes = await fetch(API_URL + 'channels'); - const clientRes = await fetch(API_URL + 'clients'); - const channelJson = await channelRes.json(); - const clientJson = await clientRes.json(); - return { channelJson, clientJson }; - } -} diff --git a/src/types.d.ts b/src/types.d.ts deleted file mode 100644 index ffe51b8..0000000 --- a/src/types.d.ts +++ /dev/null @@ -1,35 +0,0 @@ -interface Channel { - id: number; - name: string; - totalClients: number; - neededSubscribePower: number; - subchannels: Channel[]; -} - -interface Client { - databaseId: number; - channelId: number; - nickname: string; - type: number; - away: boolean; - awayMessage: string; -} - -interface ChannelState { - loaded: boolean; - channels: Channel[]; - clients: Client[]; -} - -interface ChannelListProps { - channels: Channel[]; - clients: Client[]; -} - -interface ChannelEntryProps { - channel: Channel; - clients: Client[]; -} -interface ChannelViewProps { - channel: Channel; -} diff --git a/tsconfig.json b/tsconfig.json deleted file mode 100644 index 0980b23..0000000 --- a/tsconfig.json +++ /dev/null @@ -1,25 +0,0 @@ -{ - "compilerOptions": { - "target": "es5", - "lib": [ - "dom", - "dom.iterable", - "esnext" - ], - "allowJs": true, - "skipLibCheck": true, - "esModuleInterop": true, - "allowSyntheticDefaultImports": true, - "strict": true, - "forceConsistentCasingInFileNames": true, - "module": "esnext", - "moduleResolution": "node", - "resolveJsonModule": true, - "isolatedModules": true, - "noEmit": true, - "jsx": "preserve" - }, - "include": [ - "src" - ] -} diff --git a/tslint.json b/tslint.json deleted file mode 100644 index f59abad..0000000 --- a/tslint.json +++ /dev/null @@ -1,21 +0,0 @@ -{ - "defaultSeverity": "error", - "extends": [ - "tslint:recommended", - "tslint-config-standard", - "tslint-react", - "tslint-config-prettier" - ], - "jsRules": {}, - "rules": { - "object-literal-sort-keys": false, - "member-ordering": false, - "jsx-no-lambda": false, - "jsx-boolean-value": false, - "member-access": false, - "no-console": false, - "strict-type-predicates": false, - "interface-name": false - }, - "rulesDirectory": [] -}