overflow_backup_2018_0455/overflow_app
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

WebSocket client

Browse Source
This commit is contained in:
crusader 2017-07-04 20:07:48 +09:00
parent ed49b5ecdf
commit 85784461f8
2 changed files with 173 additions and 112 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

56
src/ts/@overflow/app/redux/saga/client.ts Normal file
View File

@ -0,0 +1,56 @@
import { Channel, eventChannel, SagaIterator } from 'redux-saga';
import { call, Effect, fork, put, takeEvery } from 'redux-saga/effects';
function connect(): Promise<WebSocket> {
return new Promise<WebSocket>(resolve => {
const socket = new WebSocket('ws://localhost:3000');
socket.onopen = ((evt: Event): void => {
resolve(socket);
});
socket.onclose = ((evt: Event): void => {
console.log('');
});
socket.onmessage = ((evt: MessageEvent): void => {
console.log('');
});
socket.onerror = ((evt: MessageEvent): void => {
console.log('');
});
});
}
function subscribe(socket: WebSocket): Channel<string> {
return eventChannel<string>(emitter => {
socket.onmessage = ((evt: MessageEvent): void => {
emitter(evt.data);
});
return function unsubscribe(): void {
console.log('');
};
});
}
function* read(socket: WebSocket): SagaIterator {
const channel = yield call(subscribe, socket);
let action = yield takeEvery(channel, (action: A) => any);
while (true) {
let action = yield take(channel);
yield put(action);
}
}
function* write(socket: WebSocket): SagaIterator {
while (true) {
const { payload } = yield take(`${sendMessage}`);
socket.emit('message', payload);
}
}
function* flow(): SagaIterator {
const socket = yield call(connect);
}

229
src/ts/@overflow/app/router/index.tsx
View File

@ -14,115 +14,120 @@ const routes = (
export default routes;
const _routes = [
{
path: '/signin',
component: Signin,
},
{
path: '/signup',
component: Signup,
},
{
path: '/forgot_password',
component: ForgotPassword,
},
{
path: '/email_confirm',
component: EmailConfirm,
},
{
path: '/',
component: Home,
routes: [
{
path: '/monitoring',
component: Monitoring,
routes: [
{
path: '/probe',
component: Probe,
routes: [
{
path: '/list',
component: Probe,
},
{
path: '/noauth',
component: NoAuthProbe,
},
{
path: '/setup',
component: ProbeSetup,
},
],
},
{
path: '/sensor',
component: Sensor,
},
],
},
{
path: '/infrastructure',
component: ,
routes: [
{
path: '/maps',
component: InfrastructureMaps,
},
{
path: '/targets',
component: Targets,
},
],
},
{
path: '/dashboard',
component: Dashboard,
},
{
path: '/metrics',
component: Metrics,
},
{
path: '/alerts',
component: Alerts,
},
{
path: '/history',
component: History,
},
{
path: '/settings',
component: Settings,
},
{
path: '/notifications',
component: Notifications,
},
{
path: '/account',
component: ,
routes: [
{
path: '/signout',
component: Signout,
},
{
path: '/profile',
component: Profile,
},
{
path: '/preferences',
component: Preferences,
},
{
path: '/help',
component: Help,
},
],
},
],
},
];
// const _routes = [
// {
// path: '/signin',
// exact: true,
// component: Signin,
// },
// {
// path: '/signup',
// exact: true,
// component: Signup,
// },
// {
// path: '/forgot_password',
// exact: true,
// component: ForgotPassword,
// },
// {
// path: '/email_confirm',
// exact: true,
// component: EmailConfirm,
// },
// {
// path: '/',
// exact: true,
// component: Home,
// routes: [
// {
// path: '/monitoring',
// component: Monitoring,
// routes: [
// {
// path: '/probe',
// component: Probe,
// routes: [
// {
// path: '/list',
// component: Probe,
// },
// {
// path: '/noauth',
// component: NoAuthProbe,
// },
// {
// path: '/setup',
// component: ProbeSetup,
// },
// ],
// },
// {
// path: '/sensor',
// component: Sensor,
// },
// ],
// },
// {
// path: '/infrastructure',
// component: ,
// routes: [
// {
// path: '/maps',
// component: InfrastructureMaps,
// },
// {
// path: '/targets',
// component: Targets,
// },
// ],
// },
// {
// path: '/dashboard',
// component: Dashboard,
// },
// {
// path: '/metrics',
// component: Metrics,
// },
// {
// path: '/alerts',
// component: Alerts,
// },
// {
// path: '/history',
// component: History,
// },
// {
// path: '/settings',
// component: Settings,
// },
// {
// path: '/notifications',
// component: Notifications,
// },
// {
// path: '/account',
// component: ,
// routes: [
// {
// path: '/signout',
// component: Signout,
// },
// {
// path: '/profile',
// component: Profile,
// },
// {
// path: '/preferences',
// component: Preferences,
// },
// {
// path: '/help',
// component: Help,
// },
// ],
// },
// ],
// },
// ];