Package of overFlow has been changed.

This commit is contained in:
crusader
2017-07-03 19:21:42 +09:00
parent 63b55c02ad
commit 87365ba7c8
370 changed files with 195 additions and 113 deletions

View File

View File

@@ -0,0 +1,54 @@
import * as React from 'react';
import * as ReactDOM from 'react-dom';
import { fork } from 'redux-saga/effects';
import { Provider } from 'react-redux';
import { ConnectedRouter } from 'react-router-redux';
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';
import * as injectTapEventPlugin from 'react-tap-event-plugin';
import Platform from '@overflow/commons/platform';
import { store, sagaMiddleware, history } from './redux/store';
import sagas from './redux/saga';
import muiTheme from './theme/mui';
import App from './views/App';
injectTapEventPlugin();
function* app(): any {
const appContainer: HTMLElement = yield Platform.getAppContainer('react-placeholder');
ReactDOM.render(
<div style={{
width: '100vw',
height: '100vh',
backgroundColor: 'white',
display: 'flex',
alignItems: 'center',
justifyContent: 'center',
}}>
<h1>Loading...</h1>
</div>,
appContainer,
);
sagaMiddleware.run(sagas);
ReactDOM.render(
<Provider store={store}>
<ConnectedRouter history={history}>
<MuiThemeProvider muiTheme={muiTheme}>
<App/>
</MuiThemeProvider>
</ConnectedRouter>
</Provider>,
appContainer,
);
}
sagaMiddleware.run(app);

View File

@@ -0,0 +1,14 @@
import { Action, combineReducers } from 'redux';
import State from '../state';
import { reducer as signinReducer} from '@overflow/member/redux/reducer/signin';
import { reducer as signoutReducer} from '@overflow/member/redux/reducer/signout';
import { reducer as signupReducer} from '@overflow/member/redux/reducer/signup';
const reducer = combineReducers<State>({
signinReducer,
signoutReducer,
signupReducer,
});
export default reducer;

View File

@@ -0,0 +1,8 @@
import { SagaIterator } from 'redux-saga';
import { fork } from 'redux-saga/effects';
import { watchSignin as memberWatchSignin } from '@overflow/member/redux/saga/signin';
export default function* sagas(): SagaIterator {
yield fork(memberWatchSignin);
}

View File

@@ -0,0 +1,5 @@
interface State {
}
export default State;

View File

@@ -0,0 +1,23 @@
import { applyMiddleware, compose, createStore, Store } from 'redux';
import { routerMiddleware } from 'react-router-redux';
import createSagaMiddleware, { SagaMiddleware } from 'redux-saga';
import { History } from 'history';
import { createHashHistory } from 'history';
import reducer from './reducer';
import State from './state';
const history = createHashHistory();
const sagaMiddleware: SagaMiddleware<any> = createSagaMiddleware();
const middlewares = [sagaMiddleware, routerMiddleware(history)];
const store: Store<State> = createStore<State>(
reducer,
applyMiddleware(...middlewares),
);
export {
history,
sagaMiddleware,
store,
};

View File

View File

@@ -0,0 +1,25 @@
import { colors, getMuiTheme, MuiTheme, spacing } from 'material-ui/styles';
import { fade } from 'material-ui/utils/colorManipulator';
const muiTheme:MuiTheme = getMuiTheme({
spacing: spacing,
fontFamily: 'Roboto, sans-serif',
palette: {
primary1Color: colors.cyan500,
primary2Color: colors.cyan700,
primary3Color: colors.grey400,
accent1Color: colors.pinkA200,
accent2Color: colors.grey100,
accent3Color: colors.grey500,
textColor: colors.darkBlack,
alternateTextColor: colors.white,
canvasColor: colors.white,
borderColor: colors.grey300,
disabledColor: fade(colors.darkBlack, 0.3),
pickerHeaderColor: colors.cyan500,
clockCircleColor: fade(colors.darkBlack, 0.07),
shadowColor: colors.fullBlack,
},
});
export default muiTheme;

View File

@@ -0,0 +1,27 @@
import * as React from 'react';
import * as ReactDOM from 'react-dom';
import { Route } from 'react-router-dom';
import { RouteComponentProps, Switch } from 'react-router';
export interface Props {
}
export interface State {
}
export default class App extends React.Component<Props, State> {
public constructor(props: Props, context: State) {
super(props, context);
}
public render(): JSX.Element {
return (
<Switch>
</Switch>
);
}
}

View File

@@ -0,0 +1,14 @@
import * as React from 'react';
import { RouteComponentProps } from 'react-router';
import SigninContainer from '@overflow/member/react/Signin';
class Signin extends React.Component<RouteComponentProps<object>, object> {
public render(): JSX.Element {
return (
<SigninContainer/>
);
}
}
export default Signin;