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 && (
-
- {joined.map(e => (
- - {e.nickname}
- ))}
-
- )}
- {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 (
-
- {channels.map(channel => {
- 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": []
-}