123niel/tsviewer-frontend
2
2
Fork 0
Code Issues Pull requests Releases Wiki Activity

delete old

Browse source
This commit is contained in:
Niel 2019-04-19 20:33:47 +02:00
parent e5dff62e1b
commit 84684ea07e
19 changed files with 0 additions and 445 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/App.scss
View file

@ -1,5 +0,0 @@
body {
background-color: #4a4a4a;
font-size: 160%;
color: #fff
}

22
src/App.tsx
View file

@ -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 (
<div className='App'>
<Header />
<Router>
<Route exact path='/' component={Home} />
</Router>
</div>
);
}
}
export default App;

30
src/components/Channel/ChannelEntry.tsx
View file

@ -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 && (
<ul>
{joined.map(e => (
<li key={e.databaseId}>{e.nickname}</li>
))}
</ul>
)}
{channel.subchannels !== undefined && (
<ChannelList channels={channel.subchannels} clients={clients} />
)}
</>
);
};
export default ChannelEntry;

3
src/components/Channel/ChannelList.scss
View file

@ -1,3 +0,0 @@
.channelList {
list-style: none
}

21
src/components/Channel/ChannelList.tsx
View file

@ -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 (
<ul className='channelList'>
{channels.map(channel => {
return (
<li key={channel.id}>
<ChannelEntry channel={channel} clients={clients} />
</li>
);
})}
</ul>
);
};
export default ChannelList;

10
src/components/Channel/ChannelView.scss
View file

@ -1,10 +0,0 @@
.channel-view {
background-color: green;
width: 20%;
height: auto;
margin: auto;
}
.channel-view ul {
text-align: left
}

29
src/components/Channel/ChannelView.tsx
View file

@ -1,29 +0,0 @@
import React, { Component } from 'react';
import './ChannelView.scss';
export default class ChannelView extends Component<ChannelViewProps> {
render() {
const { channel } = this.props;
return (
<div className='channel-view'>
<h2>{channel.name}</h2>
<ul>
<li>
<span>#{channel.id} </span>
{channel.name}
</li>
{channel.totalClients >= 0 && (
<li>
<span>Users online</span> {channel.totalClients}
</li>
)}
{channel.subchannels.length > 0 && (
<li>
<span>Subchannels:</span>
</li>
)}
</ul>
</div>
);
}
}

35
src/components/Channel/Channels.tsx
View file

@ -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 <div className='loading'>Loading...</div>;
else {
return <ChannelList channels={channels} clients={clients} />;
}
}
}
export default Channels;

7
src/components/Header/Header.scss
View file

@ -1,7 +0,0 @@
.App-header {
text-align: center;
background-color: #282c34;
font-size: 1.6em;
padding: 0.5em 0;
color: white;
}

9
src/components/Header/Header.tsx
View file

@ -1,9 +0,0 @@
import React, { Component } from 'react';
import './Header.scss';
class Header extends Component {
public render() {
return <div className='App-header'>Cliffbreak.de</div>;
}
}
export default Header;

12
src/components/Home.tsx
View file

@ -1,12 +0,0 @@
import React, { Component } from 'react';
import Channels from './Channel/Channels';
export default class Home extends Component {
render() {
return (
<div>
<Channels />
</div>
);
}
}

14
src/index.css
View file

@ -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;
}

12
src/index.tsx
View file

@ -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(<App />, 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();

1
src/react-app-env.d.ts vendored
View file

@ -1 +0,0 @@
/// <reference types="react-scripts" />

143
src/serviceWorker.ts
View file

@ -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();
});
}
}

11
src/services/ApiService.ts
View file

@ -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 };
}
}

35
src/types.d.ts vendored
View file

@ -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;
}

25
tsconfig.json
View file

@ -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"
]
}

21
tslint.json
View file

@ -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": []
}