├── dist
├── index.html
└── style.css
├── src
├── pages
│ ├── App.js
│ ├── List.js
│ ├── User.js
│ └── Detail.js
├── index.js
└── routes.js
├── __tests__
├── List-test.js
├── Detail-test.js
└── forks.json
├── .gitignore
├── LICENSE
├── webpack.config.js
├── README.md
└── package.json
/dist/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
--------------------------------------------------------------------------------
/src/pages/App.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | class App extends React.Component {
4 | render() {
5 | return (
6 |
7 |
Unofficial GitHub Browser v0.1
8 | {this.props.children}
9 |
10 | );
11 | }
12 | }
13 |
14 | App.propTypes = {
15 | children: React.PropTypes.node,
16 | };
17 |
18 | export default App;
19 |
--------------------------------------------------------------------------------
/src/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ReactDOM from 'react-dom';
3 | import { Router, useRouterHistory } from 'react-router';
4 | import { createHashHistory } from 'history';
5 |
6 | import routes from './routes';
7 |
8 | const appHistory = useRouterHistory(createHashHistory)({ queryKey: false })
9 |
10 | ReactDOM.render(
11 | window.scrollTo(0, 0)}>
12 | {routes}
13 | ,
14 | document.getElementById('app')
15 | );
16 |
--------------------------------------------------------------------------------
/src/routes.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { Route, IndexRoute } from 'react-router';
3 |
4 | import App from './pages/App';
5 | import List from './pages/List';
6 | import Detail from './pages/Detail';
7 | import User from './pages/User';
8 |
9 | const routes = (
10 |
11 |
12 |
13 |
14 |
15 | );
16 |
17 | export default routes;
18 |
--------------------------------------------------------------------------------
/__tests__/List-test.js:
--------------------------------------------------------------------------------
1 | jest.autoMockOff();
2 |
3 | import React from 'react';
4 | import ReactDOM from 'react-dom';
5 | import TestUtils from 'react-addons-test-utils';
6 |
7 | const List = require('../src/pages/List').default;
8 |
9 | describe('List', () => {
10 | it('renders three repo links', () => {
11 | const rendered = TestUtils.renderIntoDocument(
12 |
13 | );
14 |
15 | const repos = TestUtils.scryRenderedDOMComponentsWithTag(rendered, 'li');
16 |
17 | expect(repos.length).toEqual(3);
18 | });
19 | });
--------------------------------------------------------------------------------
/src/pages/List.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { IndexLink, Link } from 'react-router';
3 |
4 | class List extends React.Component {
5 | render() {
6 | return (
7 |
8 |
You are here: Home
9 |
Please choose a repository from the list below.
10 |
11 | - React
12 | - React Native
13 | - Jest
14 |
15 |
28 |
You are here: Home > {this.props.params.user}
29 |
30 | {this.state.events.map((event, index) => {
31 | const eventType = event.type;
32 | const repoName = event.repo.name;
33 | const creationDate = event.created_at;
34 |
35 | return (- {repoName}: {eventType}
36 | at {creationDate}.
37 |
);
38 | })}
39 |
40 |
54 | {author}: {commit.commit.message}.
55 |
);
56 | });
57 | }
58 |
59 | renderForks() {
60 | return this.state.forks.map((fork, index) => {
61 | const owner = fork.owner ? fork.owner.login : 'Anonymous';
62 |
63 | return (
64 | {owner}: forked to {fork.html_url} at {fork.created_at}.
65 |
);
66 | });
67 | }
68 |
69 | renderPulls() {
70 | return this.state.pulls.map((pull, index) => {
71 | const user = pull.user ? pull.user.login : 'Anonymous';
72 |
73 | return (
74 | {user}: {pull.body}.
75 |
);
76 | });
77 | }
78 |
79 | render() {
80 | let content;
81 |
82 | if (this.state.mode === 'commits') {
83 | content = this.renderCommits();
84 | } else if (this.state.mode === 'forks') {
85 | content = this.renderForks();
86 | } else {
87 | content = this.renderPulls();
88 | }
89 |
90 | return (
91 |
You are here: Home > {this.props.params.repo}
92 |
93 |
94 |
95 |
96 | {content}
97 |