-
+ return (
+
+
+
-
- );
-};
+
+ )
+}
Main.propTypes = {
Theme: React.PropTypes.object,
@@ -75,14 +78,17 @@ Main.propTypes = {
toggleDrawer: React.PropTypes.func,
history: React.PropTypes.object,
width: React.PropTypes.number.isRequired,
-};
+}
-const mapStateToProps = state => ({ ...state.guiApp });
+const mapStateToProps = state => ({ ...state.guiApp })
const mapDispatchToProps = dispatch => ({
toggleDrawer: () => {
- dispatch(toggleDrawer());
+ dispatch(toggleDrawer())
},
-});
+})
-export default connect(mapStateToProps, mapDispatchToProps)(Main);
+export default connect(
+ mapStateToProps,
+ mapDispatchToProps
+)(Main)
diff --git a/gui/src/app.js b/gui/src/app.js
index d6607c2..6522fac 100755
--- a/gui/src/app.js
+++ b/gui/src/app.js
@@ -3,67 +3,74 @@
// Use of this source code is governed by an MIT-style
// license that can be found in the LICENSE file.
-import React from 'react';
-import { render } from 'react-dom';
-import { createStore, combineReducers, applyMiddleware } from 'redux';
-import { Provider } from 'react-redux';
-import { syncHistoryWithStore, routerReducer, routerMiddleware } from 'react-router-redux';
+import React from 'react'
+import { render } from 'react-dom'
+import { createStore, combineReducers, applyMiddleware } from 'redux'
+import { Provider } from 'react-redux'
+import {
+ syncHistoryWithStore,
+ routerReducer,
+ routerMiddleware,
+} from 'react-router-redux'
-import injectTapEventPlugin from 'react-tap-event-plugin';
+import injectTapEventPlugin from 'react-tap-event-plugin'
-import { hashHistory } from 'react-router';
+import { hashHistory } from 'react-router'
-import Main from './Main'; // Our custom react component
-import { mirrorApp, addList, updateState } from './redux/apps/mirrorApp';
-import { guiApp, resizeApp } from './redux/apps/guiApp';
+import Main from './Main' // Our custom react component
+import { mirrorApp, addList, updateState } from './redux/apps/mirrorApp'
+import { guiApp, resizeApp } from './redux/apps/guiApp'
// Needed for onTouchTap
// http://stackoverflow.com/a/34015469/988941
-injectTapEventPlugin();
+injectTapEventPlugin()
-const middleware = routerMiddleware(hashHistory);
+const middleware = routerMiddleware(hashHistory)
const reducers = combineReducers({
mirrorApp,
guiApp,
routing: routerReducer,
-});
+})
-const store = createStore(reducers, applyMiddleware(middleware));
+const store = createStore(reducers, applyMiddleware(middleware))
if (window) {
- let deferTimer;
+ let deferTimer
window.addEventListener('resize', () => {
- clearTimeout(deferTimer);
+ clearTimeout(deferTimer)
deferTimer = setTimeout(() => {
- store.dispatch(resizeApp(window.innerWidth));
- }, 200);
- });
+ store.dispatch(resizeApp(window.innerWidth))
+ }, 200)
+ })
// init the state
- store.dispatch(resizeApp(window.innerWidth));
+ store.dispatch(resizeApp(window.innerWidth))
}
-const history = syncHistoryWithStore(hashHistory, store);
+const history = syncHistoryWithStore(hashHistory, store)
// history.listen(location => {
// // console.log("Render Main", location);
// });
-fetch('/api/mirrors').then((res) => {
- res.json().then((data) => {
- store.dispatch(addList(data));
- });
-});
+fetch('/api/mirrors').then(res => {
+ res.json().then(data => {
+ store.dispatch(addList(data))
+ })
+})
-const ev = new EventSource('/api/sse');
-ev.onmessage = (em) => {
+const ev = new EventSource('/api/sse')
+ev.onmessage = em => {
try {
- const data = JSON.parse(em.data);
- store.dispatch(updateState(data));
+ const data = JSON.parse(em.data)
+ store.dispatch(updateState(data))
} catch (e) {
- console.error(e);
+ console.error(e)
}
-};
+}
-render(
-
- , document.getElementById('app'));
+render(
+
+
+ ,
+ document.getElementById('app')
+)
diff --git a/gui/src/components/About.js b/gui/src/components/About.js
index 4bd2822..00036d2 100644
--- a/gui/src/components/About.js
+++ b/gui/src/components/About.js
@@ -3,42 +3,49 @@
// Use of this source code is governed by an MIT-style
// license that can be found in the LICENSE file.
-import React from 'react';
+import React from 'react'
const About = () => (
- - Permission is hereby granted, free of charge, to any person obtaining a copy - of this software and associated documentation files (the "Software"), to deal - in the Software without restriction, including without limitation the rights - to use, copy, modify, merge, publish, distribute, sublicense, and/or sell - copies of the Software, and to permit persons to whom the Software is furnished - to do so, subject to the following conditions:
- - The above copyright notice and this permission notice shall be included in all - copies or substantial portions of the Software.
- - THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR - IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, - FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE - AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER - LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, - OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN - THE SOFTWARE. + Copyright (c) 2016 Thomas Rabaix
+
+ Permission is hereby granted, free of charge, to any person obtaining a + copy of this software and associated documentation files (the + "Software"), to deal in the Software without restriction, including + without limitation the rights to use, copy, modify, merge, publish, + distribute, sublicense, and/or sell copies of the Software, and to + permit persons to whom the Software is furnished to do so, subject to + the following conditions:
+
+ The above copyright notice and this permission notice shall be included + in all copies or substantial portions of the Software. +
+
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS + OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF + MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. + IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY + CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, + TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE + SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
-);
+)
-export default About;
+export default About
diff --git a/gui/src/components/CardMirror.js b/gui/src/components/CardMirror.js
index 6eb28ef..759fcee 100644
--- a/gui/src/components/CardMirror.js
+++ b/gui/src/components/CardMirror.js
@@ -3,27 +3,32 @@
// Use of this source code is governed by an MIT-style
// license that can be found in the LICENSE file.
-import React from 'react';
+import React from 'react'
-import { Card, CardHeader, CardText } from 'material-ui/Card';
-import Markdown from 'react-markdown';
-import Avatar from 'material-ui/Avatar';
+import { Card, CardHeader, CardText } from 'material-ui/Card'
+import Markdown from 'react-markdown'
+import Avatar from 'material-ui/Avatar'
const CardMirror = props => (
-);
+)
CardMirror.propTypes = {
mirror: React.PropTypes.object,
-};
+}
-export default CardMirror;
+export default CardMirror
diff --git a/gui/src/components/MenuList.js b/gui/src/components/MenuList.js
index 8676c52..d24da4b 100644
--- a/gui/src/components/MenuList.js
+++ b/gui/src/components/MenuList.js
@@ -3,27 +3,40 @@
// Use of this source code is governed by an MIT-style
// license that can be found in the LICENSE file.
-import React from 'react';
-import Avatar from 'material-ui/Avatar';
-import { List, ListItem } from 'material-ui/List';
-import Dashboard from 'material-ui/svg-icons/action/dashboard';
-import Info from 'material-ui/svg-icons/action/info';
-
-const MenuList = (props) => {
- const mirrorsItems = props.mirrors.map((mirror, pos) => ({mirrors.map((mirror, pos) => {
- let rightIcon =
+ {mirrors.map((mirror, pos) => {
+ let rightIcon = { props.onTouchStart(mirror); }}
- >
- 
- )
- ;
- })}
- );
-};
+ return (
+ {
+ props.onTouchStart(mirror)
+ }}
+ >
+
+
+ )
+ })}
+
+ )
+}
MirrorList.propTypes = {
mirrors: React.PropTypes.array,
events: React.PropTypes.object,
onTouchStart: React.PropTypes.func,
- width: React.PropTypes.int,
-};
+ width: React.PropTypes.integer,
+}
-export default MirrorList;
+export default MirrorList
diff --git a/gui/src/components/index.js b/gui/src/components/index.js
index c7591b5..54327cb 100644
--- a/gui/src/components/index.js
+++ b/gui/src/components/index.js
@@ -3,12 +3,8 @@
// Use of this source code is governed by an MIT-style
// license that can be found in the LICENSE file.
-import MirrorList from './MirrorList';
-import MenuList from './MenuList';
-import CardMirror from './CardMirror';
+import MirrorList from './MirrorList'
+import MenuList from './MenuList'
+import CardMirror from './CardMirror'
-export {
- MirrorList,
- MenuList,
- CardMirror,
-};
+export { MirrorList, MenuList, CardMirror }
diff --git a/gui/src/redux/apps/guiApp.js b/gui/src/redux/apps/guiApp.js
index 71e3eb5..7db8829 100644
--- a/gui/src/redux/apps/guiApp.js
+++ b/gui/src/redux/apps/guiApp.js
@@ -3,25 +3,26 @@
// Use of this source code is governed by an MIT-style
// license that can be found in the LICENSE file.
-import getMuiTheme from 'material-ui/styles/getMuiTheme';
-import { deepOrange500 } from 'material-ui/styles/colors';
-import { SMALL, MEDIUM, LARGE } from 'material-ui/utils/withWidth';
+import getMuiTheme from 'material-ui/styles/getMuiTheme'
+import { deepOrange500 } from 'material-ui/styles/colors'
+import { SMALL, MEDIUM, LARGE } from 'material-ui/utils/withWidth'
-export const GUI_TOGGLE_DRAWER = 'GUI_TOGGLE_DRAWER';
-export const GUI_HIDE_DRAWER = 'GUI_HIDE_DRAWER';
-export const GUI_RESIZE_WINDOW = 'GUI_RESIZE_WINDOW';
+export const GUI_TOGGLE_DRAWER = 'GUI_TOGGLE_DRAWER'
+export const GUI_HIDE_DRAWER = 'GUI_HIDE_DRAWER'
+export const GUI_RESIZE_WINDOW = 'GUI_RESIZE_WINDOW'
export const toggleDrawer = () => ({
type: GUI_TOGGLE_DRAWER,
-});
+})
export const hideDrawer = () => ({
type: GUI_HIDE_DRAWER,
-});
+})
export const resizeApp = innerWidth => ({
- type: GUI_RESIZE_WINDOW, innerWidth,
-});
+ type: GUI_RESIZE_WINDOW,
+ innerWidth,
+})
const defaultState = {
DrawerOpen: false,
@@ -32,32 +33,33 @@ const defaultState = {
},
}),
width: SMALL,
-};
+}
export function guiApp(state = defaultState, action) {
switch (action.type) {
- case GUI_TOGGLE_DRAWER:
- return { ...state, DrawerOpen: !state.DrawerOpen };
+ case GUI_TOGGLE_DRAWER:
+ return { ...state, DrawerOpen: !state.DrawerOpen }
- case GUI_HIDE_DRAWER:
- return { ...state, DrawerOpen: false };
+ case GUI_HIDE_DRAWER:
+ return { ...state, DrawerOpen: false }
- case GUI_RESIZE_WINDOW:
- const largeWidth = 992;
- const mediumWidth = 768;
+ case GUI_RESIZE_WINDOW:
+ const largeWidth = 992
+ const mediumWidth = 768
- let width;
+ let width
- if (action.innerWidth >= largeWidth) {
- width = LARGE;
- } else if (action.innerWidth >= mediumWidth) {
- width = MEDIUM;
- } else { // innerWidth < 768
- width = SMALL;
- }
+ if (action.innerWidth >= largeWidth) {
+ width = LARGE
+ } else if (action.innerWidth >= mediumWidth) {
+ width = MEDIUM
+ } else {
+ // innerWidth < 768
+ width = SMALL
+ }
- return { ...state, width };
- default:
- return state;
+ return { ...state, width }
+ default:
+ return state
}
}
diff --git a/gui/src/redux/apps/mirrorApp.js b/gui/src/redux/apps/mirrorApp.js
index f793a6a..ea77e36 100644
--- a/gui/src/redux/apps/mirrorApp.js
+++ b/gui/src/redux/apps/mirrorApp.js
@@ -3,44 +3,48 @@
// Use of this source code is governed by an MIT-style
// license that can be found in the LICENSE file.
-export const MIRROR_ADD_LIST = 'MIRROR_ADD_LIST';
-export const MIRROR_UPDATE_STATE = 'MIRROR_UPDATE_STATE';
+export const MIRROR_ADD_LIST = 'MIRROR_ADD_LIST'
+export const MIRROR_UPDATE_STATE = 'MIRROR_UPDATE_STATE'
export const updateState = mirror => ({
- type: MIRROR_UPDATE_STATE, mirror,
-});
+ type: MIRROR_UPDATE_STATE,
+ mirror,
+})
export const addList = list => ({
- type: MIRROR_ADD_LIST, list,
-});
+ type: MIRROR_ADD_LIST,
+ list,
+})
const defaultState = {
- mirrors: [{
- Id: 'fake.id',
- Type: 'redux',
- Name: 'github',
- SourceUrl: 'http://redux.js.org',
- TargetUrl: 'http://redux.js.org',
- Icon: 'http://freeiconbox.com/icon/256/34429.png',
- Enabled: true,
- }],
+ mirrors: [
+ {
+ Id: 'fake.id',
+ Type: 'redux',
+ Name: 'github',
+ SourceUrl: 'http://redux.js.org',
+ TargetUrl: 'http://redux.js.org',
+ Icon: 'http://freeiconbox.com/icon/256/34429.png',
+ Enabled: true,
+ },
+ ],
events: {},
-};
+}
export function mirrorApp(state = defaultState, action) {
switch (action.type) {
- case MIRROR_ADD_LIST:
- return { ...state, mirrors: action.list };
+ case MIRROR_ADD_LIST:
+ return { ...state, mirrors: action.list }
- case MIRROR_UPDATE_STATE: {
- const s = { ...state };
- s.events = { ...state.events };
- s.events[action.mirror.Id] = action.mirror;
+ case MIRROR_UPDATE_STATE: {
+ const s = { ...state }
+ s.events = { ...state.events }
+ s.events[action.mirror.Id] = action.mirror
- return s;
- }
+ return s
+ }
- default:
- return state;
+ default:
+ return state
}
}
diff --git a/gui/src/redux/containers/CardMirror.js b/gui/src/redux/containers/CardMirror.js
index 9cdc635..d8cbfdb 100644
--- a/gui/src/redux/containers/CardMirror.js
+++ b/gui/src/redux/containers/CardMirror.js
@@ -3,27 +3,26 @@
// Use of this source code is governed by an MIT-style
// license that can be found in the LICENSE file.
-import { connect } from 'react-redux';
+import { connect } from 'react-redux'
-import CardMirror from '../../components/CardMirror';
+import CardMirror from '../../components/CardMirror'
const mapStateToProps = (state, ownProps) => {
- let mirror = {};
+ let mirror = {}
- state.mirrorApp.mirrors.every((v) => {
+ state.mirrorApp.mirrors.every(v => {
if (ownProps.params.id === v.Id) {
- mirror = v;
+ mirror = v
- return false;
+ return false
}
- return true;
- });
+ return true
+ })
return {
mirror,
- };
-};
-
-export default connect(mapStateToProps)(CardMirror);
+ }
+}
+export default connect(mapStateToProps)(CardMirror)
diff --git a/gui/src/redux/containers/MenuList.js b/gui/src/redux/containers/MenuList.js
index a865b64..e020ee1 100644
--- a/gui/src/redux/containers/MenuList.js
+++ b/gui/src/redux/containers/MenuList.js
@@ -3,29 +3,32 @@
// Use of this source code is governed by an MIT-style
// license that can be found in the LICENSE file.
-import { connect } from 'react-redux';
-import { push } from 'react-router-redux';
+import { connect } from 'react-redux'
+import { push } from 'react-router-redux'
-import MenuList from '../../components/MenuList';
-import { hideDrawer } from '../apps/guiApp';
+import MenuList from '../../components/MenuList'
+import { hideDrawer } from '../apps/guiApp'
const mapStateToProps = state => ({
mirrors: state.mirrorApp.mirrors,
-});
+})
const mapDispatchToProps = dispatch => ({
homepage: () => {
- dispatch(push('/'));
- dispatch(hideDrawer());
+ dispatch(push('/'))
+ dispatch(hideDrawer())
},
about: () => {
- dispatch(push('/about'));
- dispatch(hideDrawer());
+ dispatch(push('/about'))
+ dispatch(hideDrawer())
},
- onTouchStart: (mirror) => {
- dispatch(push(`/mirror/${mirror.Id}`));
- dispatch(hideDrawer());
+ onTouchStart: mirror => {
+ dispatch(push(`/mirror/${mirror.Id}`))
+ dispatch(hideDrawer())
},
-});
+})
-export default connect(mapStateToProps, mapDispatchToProps)(MenuList);
+export default connect(
+ mapStateToProps,
+ mapDispatchToProps
+)(MenuList)
diff --git a/gui/src/redux/containers/MirrorList.js b/gui/src/redux/containers/MirrorList.js
index 8002ebc..08c2c17 100644
--- a/gui/src/redux/containers/MirrorList.js
+++ b/gui/src/redux/containers/MirrorList.js
@@ -3,26 +3,29 @@
// Use of this source code is governed by an MIT-style
// license that can be found in the LICENSE file.
-import { connect } from 'react-redux';
-import { push } from 'react-router-redux';
+import { connect } from 'react-redux'
+import { push } from 'react-router-redux'
-import MirrorList from '../../components/MirrorList';
-import { hideDrawer } from '../apps/guiApp';
+import MirrorList from '../../components/MirrorList'
+import { hideDrawer } from '../apps/guiApp'
const mapStateToProps = state => ({
mirrors: state.mirrorApp.mirrors,
events: state.mirrorApp.events,
width: state.guiApp.width,
-});
+})
const mapDispatchToProps = dispatch => ({
- onTouchStart: (mirror) => {
- dispatch(push(`/mirror/${mirror.Id}`));
- dispatch(hideDrawer());
+ onTouchStart: mirror => {
+ dispatch(push(`/mirror/${mirror.Id}`))
+ dispatch(hideDrawer())
},
homepage: () => {
- dispatch(push('/'));
+ dispatch(push('/'))
},
-});
+})
-export default connect(mapStateToProps, mapDispatchToProps)(MirrorList);
+export default connect(
+ mapStateToProps,
+ mapDispatchToProps
+)(MirrorList)
diff --git a/gui/src/redux/containers/index.js b/gui/src/redux/containers/index.js
index c7591b5..54327cb 100644
--- a/gui/src/redux/containers/index.js
+++ b/gui/src/redux/containers/index.js
@@ -3,12 +3,8 @@
// Use of this source code is governed by an MIT-style
// license that can be found in the LICENSE file.
-import MirrorList from './MirrorList';
-import MenuList from './MenuList';
-import CardMirror from './CardMirror';
+import MirrorList from './MirrorList'
+import MenuList from './MenuList'
+import CardMirror from './CardMirror'
-export {
- MirrorList,
- MenuList,
- CardMirror,
-};
+export { MirrorList, MenuList, CardMirror }
diff --git a/gui/src/static/index.html b/gui/src/static/index.html
index d415b12..9b0899a 100755
--- a/gui/src/static/index.html
+++ b/gui/src/static/index.html
@@ -12,7 +12,7 @@
name="viewport"
content="width=device-width, initial-scale=1, user-scalable=0, maximum-scale=1, minimum-scale=1"
>
-
+
@@ -32,7 +32,7 @@
s.parentNode.insertBefore(wf, s);
})();
-
+
-
-
-
-
+
-
+
+
+
+
+
PkgMirror
- This project has been created by Thomas Rabaix to
- avoid downtime while working with remote dependencies.
-
- The backend is coded using the Golang programming language for syncing the different sources.
- On the frontend, ReactJS is used with Material-UI.
-
- Feel free to contribute on: https://github.com/rande/pkgmirror.
+ This project has been created by{' '}
+ Thomas Rabaix to avoid
+ downtime while working with remote dependencies.
+
+ The backend is coded using the Golang programming language for
+ syncing the different sources. On the frontend, ReactJS is used with
+ Material-UI.
+
+ Feel free to contribute on:{' '}
+
+ https://github.com/rande/pkgmirror
+
+ .
Licence
- Copyright (c) 2016 Thomas Rabaix- - Permission is hereby granted, free of charge, to any person obtaining a copy - of this software and associated documentation files (the "Software"), to deal - in the Software without restriction, including without limitation the rights - to use, copy, modify, merge, publish, distribute, sublicense, and/or sell - copies of the Software, and to permit persons to whom the Software is furnished - to do so, subject to the following conditions:
- - The above copyright notice and this permission notice shall be included in all - copies or substantial portions of the Software.
- - THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR - IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, - FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE - AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER - LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, - OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN - THE SOFTWARE. + Copyright (c) 2016 Thomas Rabaix
+
+ Permission is hereby granted, free of charge, to any person obtaining a + copy of this software and associated documentation files (the + "Software"), to deal in the Software without restriction, including + without limitation the rights to use, copy, modify, merge, publish, + distribute, sublicense, and/or sell copies of the Software, and to + permit persons to whom the Software is furnished to do so, subject to + the following conditions:
+
+ The above copyright notice and this permission notice shall be included + in all copies or substantial portions of the Software. +
+
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS + OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF + MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. + IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY + CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, + TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE + SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
- {items}
- {items}