├── .babelrc
├── app
    ├── components
    │   ├── Atoms
    │   │   ├── Name
    │   │   │   ├── name.css
    │   │   │   ├── Name.js
    │   │   │   └── Name.test.js
    │   │   ├── ScreenName
    │   │   │   ├── screenName.css
    │   │   │   ├── ScreenName.js
    │   │   │   └── ScreenName.test.js
    │   │   ├── UserImage
    │   │   │   ├── userImage.css
    │   │   │   └── UserImage.js
    │   │   ├── CreatedAt
    │   │   │   ├── createdAt.css
    │   │   │   └── CreatedAt.js
    │   │   ├── Text
    │   │   │   ├── text.css
    │   │   │   └── Text.js
    │   │   ├── RetweetActions
    │   │   │   ├── retweetActions.css
    │   │   │   └── RetweetActions.js
    │   │   ├── RemainingCharacters
    │   │   │   ├── remainingCharacters.css
    │   │   │   └── RemainingCharacters.js
    │   │   ├── Loading
    │   │   │   ├── loading.css
    │   │   │   ├── Loading.js
    │   │   │   ├── Loading.test.js
    │   │   │   └── loading.svg
    │   │   ├── Textarea
    │   │   │   ├── textarea.css
    │   │   │   ├── Textarea.js
    │   │   │   └── Textarea.test.js
    │   │   ├── UserCount
    │   │   │   ├── userCount.css
    │   │   │   └── UserCount.js
    │   │   ├── FavoriteTrigger
    │   │   │   ├── favoriteTrigger.css
    │   │   │   └── FavoriteTrigger.js
    │   │   ├── RetweetTrigger
    │   │   │   ├── retweetTrigger.css
    │   │   │   └── RetweetTrigger.js
    │   │   ├── Menu
    │   │   │   ├── Menu.js
    │   │   │   ├── menu.css
    │   │   │   ├── back_off.svg
    │   │   │   ├── back_on.svg
    │   │   │   ├── forward_off.svg
    │   │   │   └── forward_on.svg
    │   │   ├── Button
    │   │   │   ├── Button.js
    │   │   │   ├── Button.test.js
    │   │   │   └── button.css
    │   │   └── NavigationItem
    │   │   │   ├── NavigationItem.js
    │   │   │   ├── home.svg
    │   │   │   ├── navigationItem.css
    │   │   │   ├── search.svg
    │   │   │   ├── lists.svg
    │   │   │   └── mentions.svg
    │   ├── Organisms
    │   │   ├── Tweet
    │   │   │   ├── tweet.css
    │   │   │   └── Tweet.js
    │   │   └── User
    │   │   │   ├── user.css
    │   │   │   └── User.js
    │   ├── Modules
    │   │   ├── Timeline
    │   │   │   ├── timeline.css
    │   │   │   └── Timeline.js
    │   │   ├── ListsTimeline
    │   │   │   ├── listsTimeline.css
    │   │   │   └── ListsTimeline.js
    │   │   ├── TweetWrapper
    │   │   │   ├── tweetWrapper.css
    │   │   │   └── TweetWrapper.js
    │   │   ├── SearchTimeline
    │   │   │   ├── searchTimeline.css
    │   │   │   └── SearchTimeline.js
    │   │   ├── UserModal
    │   │   │   └── UserModal.js
    │   │   └── App
    │   │   │   ├── app.css
    │   │   │   └── App.js
    │   └── Molecules
    │   │   ├── Triggers
    │   │       ├── triggers.css
    │   │       └── Triggers.js
    │   │   ├── UserInfo
    │   │       ├── userInfo.css
    │   │       └── UserInfo.js
    │   │   ├── Meta
    │   │       ├── meta.css
    │   │       └── Meta.js
    │   │   ├── Lists
    │   │       ├── lists.css
    │   │       └── Lists.js
    │   │   ├── PostForm
    │   │       ├── postForm.css
    │   │       ├── PostForm.test.js
    │   │       └── PostForm.js
    │   │   ├── UserCounts
    │   │       ├── userCounts.css
    │   │       └── UserCounts.js
    │   │   ├── Navigation
    │   │       ├── navigation.css
    │   │       ├── Navigation.js
    │   │       └── github.svg
    │   │   └── RetweetModal
    │   │       ├── retweetModal.css
    │   │       └── RetweetModal.js
    ├── styles
    │   └── variable.css
    ├── keymap.js
    ├── actions
    │   ├── user.js
    │   ├── users.js
    │   ├── userStream.js
    │   ├── update.js
    │   ├── search.js
    │   ├── retweet.js
    │   ├── lists.js
    │   ├── siteStream.js
    │   ├── favorites.js
    │   └── timeline.js
    ├── reducers
    │   ├── user.test.js
    │   ├── retweet.js
    │   ├── user.js
    │   ├── update.js
    │   ├── update.test.js
    │   ├── userTimeline.js
    │   ├── mentionsTimeline.js
    │   ├── homeTimeline.js
    │   ├── searchTimeline.js
    │   └── lists.js
    ├── routes.js
    ├── containers
    │   ├── Organisms
    │   │   └── Tweet.js
    │   ├── Atoms
    │   │   ├── RetweetTrigger.js
    │   │   └── FavoriteTrigger.js
    │   ├── Modules
    │   │   ├── UserModal.js
    │   │   ├── App.js
    │   │   ├── MentionsTimeline.js
    │   │   ├── HomeTimeline.js
    │   │   ├── ListsTimeline.js
    │   │   ├── SearchTimeline.js
    │   │   └── UserTimeline.js
    │   └── Molecules
    │   │   ├── Lists.js
    │   │   ├── PostForm.js
    │   │   └── RetweetModal.js
    ├── sagas
    │   ├── streams
    │   │   ├── userStream.js
    │   │   └── siteStream.js
    │   ├── lists
    │   │   ├── list.js
    │   │   └── statuses.js
    │   ├── statuses
    │   │   ├── retweet.js
    │   │   ├── update.js
    │   │   ├── homeTimeline.js
    │   │   ├── mentionsTimeline.js
    │   │   └── userTimeline.js
    │   ├── users
    │   │   └── show.js
    │   ├── search
    │   │   └── tweets.js
    │   ├── favorites
    │   │   └── favorites.js
    │   └── index.js
    ├── utils
    │   ├── update.js
    │   ├── retweet.js
    │   ├── favorite.js
    │   ├── twitterClient.js
    │   └── authentication.js
    ├── main.js
    ├── entry.js
    └── menu.js
├── docs
    ├── images
    │   ├── ogp.png
    │   ├── worc.ico
    │   ├── bg_top_01.jpg
    │   ├── ss_modal_01.png
    │   ├── logo_worc_01.png
    │   ├── logo_worc_02.png
    │   ├── ss_timeline_01.png
    │   ├── txt_catch_01.png
    │   ├── txt_catch_02.png
    │   ├── home.svg
    │   ├── search.svg
    │   ├── lists.svg
    │   ├── mac.svg
    │   ├── mentions.svg
    │   └── windows.svg
    ├── releases
    │   └── latest.json
    ├── latest.yml
    ├── scss
    │   ├── _reset.scss
    │   └── style.scss
    ├── css
    │   └── style.css
    ├── ja
    │   └── index.html
    └── index.html
├── assets
    └── images
    │   ├── worc.ico
    │   └── worc.icns
├── .gitattributes
├── .gitignore
├── .travis.yml
├── .editorconfig
├── .eslintrc
├── LICENSE
├── dist
    └── index.html
├── webpack.config.js
├── README.md
└── package.json


/.babelrc:
--------------------------------------------------------------------------------
1 | {
2 |   "presets" : ["es2015", "react", "stage-2"],
3 | }
4 | 


--------------------------------------------------------------------------------
/app/components/Atoms/Name/name.css:
--------------------------------------------------------------------------------
1 | .name {
2 |   font-weight: bold;
3 | }
4 | 


--------------------------------------------------------------------------------
/app/components/Organisms/Tweet/tweet.css:
--------------------------------------------------------------------------------
1 | .actions {
2 |   padding-top: 5px;
3 | }
4 | 


--------------------------------------------------------------------------------
/docs/images/ogp.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shibe97/worc/HEAD/docs/images/ogp.png


--------------------------------------------------------------------------------
/docs/images/worc.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shibe97/worc/HEAD/docs/images/worc.ico


--------------------------------------------------------------------------------
/app/components/Atoms/ScreenName/screenName.css:
--------------------------------------------------------------------------------
1 | .screenName {
2 |   color: #999;
3 | }
4 | 


--------------------------------------------------------------------------------
/app/components/Atoms/UserImage/userImage.css:
--------------------------------------------------------------------------------
1 | .userImage {
2 |   border-radius: 3px;
3 | }
4 | 


--------------------------------------------------------------------------------
/assets/images/worc.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shibe97/worc/HEAD/assets/images/worc.ico


--------------------------------------------------------------------------------
/assets/images/worc.icns:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shibe97/worc/HEAD/assets/images/worc.icns


--------------------------------------------------------------------------------
/docs/images/bg_top_01.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shibe97/worc/HEAD/docs/images/bg_top_01.jpg


--------------------------------------------------------------------------------
/docs/images/ss_modal_01.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shibe97/worc/HEAD/docs/images/ss_modal_01.png


--------------------------------------------------------------------------------
/docs/images/logo_worc_01.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shibe97/worc/HEAD/docs/images/logo_worc_01.png


--------------------------------------------------------------------------------
/docs/images/logo_worc_02.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shibe97/worc/HEAD/docs/images/logo_worc_02.png


--------------------------------------------------------------------------------
/docs/images/ss_timeline_01.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shibe97/worc/HEAD/docs/images/ss_timeline_01.png


--------------------------------------------------------------------------------
/docs/images/txt_catch_01.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shibe97/worc/HEAD/docs/images/txt_catch_01.png


--------------------------------------------------------------------------------
/docs/images/txt_catch_02.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shibe97/worc/HEAD/docs/images/txt_catch_02.png


--------------------------------------------------------------------------------
/app/components/Atoms/CreatedAt/createdAt.css:
--------------------------------------------------------------------------------
1 | .createdAt {
2 |   color: #ccc;
3 |   font-size: 10px;
4 | }
5 | 


--------------------------------------------------------------------------------
/app/components/Atoms/Text/text.css:
--------------------------------------------------------------------------------
1 | .text {
2 |   word-wrap: break-word;
3 |   overflow-wrap: break-word;    
4 | }
5 | 


--------------------------------------------------------------------------------
/app/components/Modules/Timeline/timeline.css:
--------------------------------------------------------------------------------
1 | .timeline {
2 |   font-size: 14px;
3 |   height: calc(100vh - 140px);
4 |   overflow: auto;
5 | }
6 | 


--------------------------------------------------------------------------------
/app/components/Atoms/RetweetActions/retweetActions.css:
--------------------------------------------------------------------------------
1 | .retweetActions {
2 |   text-align: center;
3 | }
4 | .cancel {
5 |   margin-left: 20px;
6 | }
7 | 


--------------------------------------------------------------------------------
/app/styles/variable.css:
--------------------------------------------------------------------------------
1 | :root {
2 |   --color-accent: #f08200;
3 |   --color-error: #f03030;
4 |   --color-submit: #249fe5;
5 |   --color-link: #009999;
6 | }
7 | 


--------------------------------------------------------------------------------
/app/components/Atoms/RemainingCharacters/remainingCharacters.css:
--------------------------------------------------------------------------------
1 | @import '../../../styles/variable';
2 | 
3 | .overLength {
4 |   color: var(--color-error);
5 | }
6 | 


--------------------------------------------------------------------------------
/app/components/Molecules/Triggers/triggers.css:
--------------------------------------------------------------------------------
1 | .action {
2 |   display: inline-block;
3 |   padding-right: 40px;
4 |   
5 |   path {
6 |     fill: #ccc;
7 |   }
8 | }
9 | 


--------------------------------------------------------------------------------
/app/components/Atoms/Loading/loading.css:
--------------------------------------------------------------------------------
1 | .loading {
2 |     height: 100%;
3 |     background: url('./loading.svg') no-repeat center center;
4 |     background-size: 40px 40px;
5 | }
6 | 


--------------------------------------------------------------------------------
/app/components/Atoms/Textarea/textarea.css:
--------------------------------------------------------------------------------
1 | .textarea {
2 |   border: 1px solid #ddd;
3 |   border-radius: 3px;
4 |   padding: 5px 8px;
5 |   width: 100%;
6 |   font-size: 14px;
7 | }
8 | 


--------------------------------------------------------------------------------
/app/components/Atoms/Loading/Loading.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import styles from './loading.css';
3 | 
4 | export default () => (
5 |   <div className={styles.loading} />
6 | );
7 | 


--------------------------------------------------------------------------------
/app/components/Modules/ListsTimeline/listsTimeline.css:
--------------------------------------------------------------------------------
1 | .current {
2 |   background-color: #def;
3 |   border-bottom: 1px solid #cde;
4 |   padding: 3px 10px;
5 |   font-size: 12px;
6 | }
7 | 


--------------------------------------------------------------------------------
/app/keymap.js:
--------------------------------------------------------------------------------
 1 | export default {
 2 |   POSTFORM: {
 3 |     POST: {
 4 |       osx: 'command+enter',
 5 |       windows: 'ctrl+enter',
 6 |       linux: 'ctrl+enter',
 7 |     },
 8 |   },
 9 | };
10 | 


--------------------------------------------------------------------------------
/docs/releases/latest.json:
--------------------------------------------------------------------------------
1 | {
2 |   "url": "https://github.com/shibe97/worc/releases/tag/v1.0.7",
3 |   "name": "v1.0.7",
4 |   "notes": "v1.0.7",
5 |   "pub_date": "2016-10-01T04:46:15.898Z"
6 | }
7 | 


--------------------------------------------------------------------------------
/app/components/Atoms/Name/Name.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import styles from './name.css';
3 | 
4 | export default ({ children }) => (
5 |   <span className={styles.name}>{ children }</span>
6 | );
7 | 


--------------------------------------------------------------------------------
/.gitattributes:
--------------------------------------------------------------------------------
1 | docs/mac/worc-1.5.0.dmg filter=lfs diff=lfs merge=lfs -text
2 | docs/mac/worc-1.6.0.dmg filter=lfs diff=lfs merge=lfs -text
3 | docs/win/worc-Setup-1.6.0.exe filter=lfs diff=lfs merge=lfs -text
4 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | .DS_Store
 2 | node_modules
 3 | dist/*
 4 | !index.html
 5 | assets/*
 6 | !images
 7 | docs/mac/worc.app
 8 | docs/win-ia32-unpacked
 9 | worc-darwin-x64
10 | npm-debug.log
11 | **/__snapshots__
12 | 


--------------------------------------------------------------------------------
/.travis.yml:
--------------------------------------------------------------------------------
 1 | language: node_js
 2 | node_js:
 3 |   - 6.3.0
 4 | install:
 5 |   - npm i
 6 | script:
 7 |   - npm run build
 8 |   - npm test -- -u
 9 | cache:
10 |   directories:
11 |     - node_modules
12 | 


--------------------------------------------------------------------------------
/app/components/Molecules/UserInfo/userInfo.css:
--------------------------------------------------------------------------------
 1 | .userInfo {
 2 |   position: relative;
 3 |   padding-left: 60px;
 4 | }
 5 | 
 6 | .image {
 7 |   position: absolute;
 8 |   top: 0;
 9 |   left: 0;
10 | }
11 | 


--------------------------------------------------------------------------------
/app/components/Atoms/UserCount/userCount.css:
--------------------------------------------------------------------------------
 1 | .userCount {
 2 |   text-align: center;
 3 | }
 4 | 
 5 | .key {
 6 |   font-size: 14px;
 7 |   color: #666;
 8 | }
 9 | 
10 | .value {
11 |   font-size: 16px;
12 | }
13 | 


--------------------------------------------------------------------------------
/app/components/Atoms/ScreenName/ScreenName.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import styles from './screenName.css';
3 | 
4 | export default ({ children }) => (
5 |   <span className={styles.screenName}>{ children }</span>
6 | );
7 | 


--------------------------------------------------------------------------------
/app/components/Molecules/Meta/meta.css:
--------------------------------------------------------------------------------
 1 | .meta {
 2 |   display: flex;
 3 |   justify-content: flex-start;
 4 | }
 5 | 
 6 | .screenName {
 7 |   margin-left: 5px;
 8 | }
 9 | 
10 | .createdAt {
11 |   margin-left: auto;
12 | }
13 | 


--------------------------------------------------------------------------------
/docs/latest.yml:
--------------------------------------------------------------------------------
1 | version: 1.6.0
2 | releaseDate: '2017-03-06T14:36:42.972Z'
3 | githubArtifactName: worc-Setup-1.6.0.exe
4 | path: worc Setup 1.6.0.exe
5 | sha2: 9a3eb2c3b1918ab57528d48764954abe37bda44b2abe3d27de34a8dc9dfee61c
6 | 


--------------------------------------------------------------------------------
/app/components/Atoms/UserImage/UserImage.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import styles from './userImage.css';
3 | 
4 | export default ({ url = '' }) => (
5 |   <img className={styles.userImage} src={url} alt="profile" />
6 | );
7 | 


--------------------------------------------------------------------------------
/app/components/Molecules/Lists/lists.css:
--------------------------------------------------------------------------------
 1 | .lists {
 2 |   font-size: 14px;
 3 |   height: calc(100vh - 140px);
 4 |   overflow: auto;
 5 | }
 6 | 
 7 | .list {
 8 |   padding: 8px 10px;
 9 |   border-bottom: 1px solid #eee;
10 | }
11 | 


--------------------------------------------------------------------------------
/app/components/Molecules/PostForm/postForm.css:
--------------------------------------------------------------------------------
 1 | .postForm {
 2 |   background-color: #eee;
 3 |   border-bottom: 3px solid #ccc;
 4 |   padding: 20px;
 5 | }
 6 | 
 7 | .actions {
 8 |   text-align: right;
 9 | }
10 | 
11 | .button {
12 |   margin-left: 10px;
13 | }
14 | 


--------------------------------------------------------------------------------
/app/actions/user.js:
--------------------------------------------------------------------------------
1 | import { createAction } from 'redux-actions';
2 | 
3 | export const CLOSE_USER_MODAL = 'CLOSE_USER_MODAL';
4 | export const closeUserModal = createAction(CLOSE_USER_MODAL);
5 | 
6 | export const SET_USER = 'SET_USER';
7 | export const setUser = createAction(SET_USER);
8 | 


--------------------------------------------------------------------------------
/app/components/Atoms/FavoriteTrigger/favoriteTrigger.css:
--------------------------------------------------------------------------------
 1 | @import '../../../styles/variable';
 2 | 
 3 | .actionCount {
 4 |   display: inline-block;
 5 |   text-decoration: none;
 6 |   padding: 0 5px;
 7 | }
 8 | 
 9 | .isActioned path {
10 |   fill: var(--color-accent) !important;
11 | }
12 | 


--------------------------------------------------------------------------------
/app/components/Atoms/RetweetTrigger/retweetTrigger.css:
--------------------------------------------------------------------------------
 1 | @import '../../../styles/variable';
 2 | 
 3 | .actionCount {
 4 |   display: inline-block;
 5 |   text-decoration: none;
 6 |   padding: 0 5px;
 7 | }
 8 | 
 9 | .isActioned path {
10 |   fill: var(--color-accent) !important;
11 | }
12 | 


--------------------------------------------------------------------------------
/app/components/Atoms/RemainingCharacters/RemainingCharacters.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import styles from './remainingCharacters.css';
3 | 
4 | export default ({ remainingCharacters }) => (
5 |   <span className={remainingCharacters < 0 ? `${styles.overLength} mr15px` : 'mr15px'}>{remainingCharacters}</span>
6 | );
7 | 


--------------------------------------------------------------------------------
/app/components/Modules/TweetWrapper/tweetWrapper.css:
--------------------------------------------------------------------------------
 1 | @import '../../../styles/variable';
 2 | 
 3 | .wrapper {
 4 |   padding: 8px 10px;
 5 |   border-bottom: 1px solid #eee;
 6 | }
 7 | 
 8 | .retweetedBy {
 9 |   fill: var(--color-accent);
10 |   color: #ccc;
11 |   font-size: 12px;
12 | }
13 | 
14 | .name {
15 |   margin-left: 5px;
16 | }
17 | 


--------------------------------------------------------------------------------
/app/components/Modules/SearchTimeline/searchTimeline.css:
--------------------------------------------------------------------------------
 1 | .inputText {
 2 |   flex: 1;
 3 |   border: 1px solid #ddd;
 4 |   border-radius: 3px;
 5 |   padding: 5px 8px;
 6 |   margin-right: 7px;
 7 | }
 8 | 
 9 | .searchArea {
10 |   background-color: #def;
11 |   border-bottom: 1px solid #cde;
12 |   padding: 10px 20px;
13 |   display: flex;
14 | }
15 | 


--------------------------------------------------------------------------------
/app/components/Atoms/Textarea/Textarea.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import styles from './textarea.css';
 3 | 
 4 | export default ({ value = '', inputUpdate }) => (
 5 |   <textarea
 6 |     className={styles.textarea}
 7 |     placeholder="What's happening?"
 8 |     value={value}
 9 |     onChange={e => inputUpdate(e.target.value)}
10 |   />
11 | );
12 | 


--------------------------------------------------------------------------------
/app/components/Molecules/UserCounts/userCounts.css:
--------------------------------------------------------------------------------
 1 | .userCounts {
 2 |   background-color: #eee;
 3 |   position: absolute;
 4 |   bottom: 0;
 5 |   display: flex;
 6 |   justify-content: space-around;
 7 |   width: 100%;
 8 |   margin: -10px;
 9 |   padding: 10px;
10 |   border-radius: 0 0 5px 5px;
11 |   box-shadow: 0 1px 2px rgba(0,0,0,0.3) inset;
12 | }
13 | 


--------------------------------------------------------------------------------
/app/components/Atoms/UserCount/UserCount.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import styles from './userCount.css';
 3 | 
 4 | export default ({ children, title }) => (
 5 |   <li className={styles.userCount}>
 6 |     <dl>
 7 |       <dd className={styles.value}>{children}</dd>
 8 |       <dt className={styles.key}>{title}</dt>
 9 |     </dl>
10 |   </li>
11 | );
12 | 


--------------------------------------------------------------------------------
/app/reducers/user.test.js:
--------------------------------------------------------------------------------
 1 | import userReducer from './user';
 2 | 
 3 | const initialItems = {
 4 |   user  : {},
 5 |   modal : false
 6 | };
 7 | 
 8 | describe('set user', () => {
 9 |   const action = {
10 |     type : 'SET_USER'
11 |   };
12 |   test('set a modal flag', () => {
13 |     expect(userReducer(initialItems, action).modal).toBe(true);
14 |   });
15 | });
16 | 


--------------------------------------------------------------------------------
/app/components/Atoms/Loading/Loading.test.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import { shallow, mount, render } from 'enzyme';
 3 | 
 4 | import Loading from './Loading';
 5 | 
 6 | describe('components/atoms/loading', function() {
 7 |   it('should have a "loading" class', function() {
 8 |     expect(shallow(<Loading />).hasClass('loading')).toEqual(true);
 9 |   });
10 | });
11 | 


--------------------------------------------------------------------------------
/app/routes.js:
--------------------------------------------------------------------------------
 1 | import React, { Component } from 'react';
 2 | import { HashRouter as Router, Route } from 'react-router-dom';
 3 | 
 4 | import App from './containers/Modules/App';
 5 | 
 6 | export default class Routes extends Component {
 7 |   render() {
 8 |     return (
 9 |       <Router>
10 |         <Route component={App} path="/" />
11 |       </Router>
12 |     );
13 |   }
14 | }
15 | 


--------------------------------------------------------------------------------
/app/components/Molecules/PostForm/PostForm.test.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import { shallow, mount, render } from 'enzyme';
 3 | 
 4 | import PostForm from './PostForm';
 5 | 
 6 | describe('components/molecules/postForm', function() {
 7 |   it('should have a "postForm" class', function() {
 8 |     expect(shallow(<PostForm />).hasClass('postForm')).toEqual(true);
 9 |   });
10 | });
11 | 


--------------------------------------------------------------------------------
/app/components/Organisms/User/user.css:
--------------------------------------------------------------------------------
 1 | .user {
 2 |   position: relative;
 3 |   height: 100%;
 4 |   padding-top: 100px;
 5 |   border-radius: 5px;
 6 | }
 7 | 
 8 | .whiteArea {
 9 |   background-color: #fff;
10 |   height: 100%;
11 |   padding: 10px;
12 |   border-radius: 0 0 5px 5px;
13 |   box-sizing: border-box;
14 | }
15 | 
16 | .description {
17 |   font-size: 12px;
18 |   padding: 5px 0 70px;
19 | }
20 | 


--------------------------------------------------------------------------------
/app/components/Molecules/Navigation/navigation.css:
--------------------------------------------------------------------------------
 1 | .navigation {
 2 |   position: relative;
 3 |   height: 100%;
 4 |   background-color: #234;
 5 | }
 6 | 
 7 | .github {
 8 |   position: absolute;
 9 |   bottom: 0;
10 |   display: block;
11 |   width: 60px;
12 |   height: 60px;
13 |   background: url('./github.svg') no-repeat center center;
14 |   background-size: 34px 34px;
15 |   text-indent: -9999px;
16 |   overflow: hidden;
17 | }
18 | 


--------------------------------------------------------------------------------
/app/containers/Organisms/Tweet.js:
--------------------------------------------------------------------------------
 1 | import { connect } from 'react-redux';
 2 | import Tweet from '../../components/Organisms/Tweet/Tweet';
 3 | import { setUser } from '../../actions/user';
 4 | 
 5 | const mapStateToProps = () => ({});
 6 | 
 7 | const mapDispatchToProps = dispatch => ({
 8 |   setUser(user) {
 9 |     dispatch(setUser(user));
10 |   }
11 | });
12 | 
13 | export default connect(mapStateToProps, mapDispatchToProps)(Tweet);
14 | 


--------------------------------------------------------------------------------
/app/components/Molecules/RetweetModal/retweetModal.css:
--------------------------------------------------------------------------------
 1 | .modal {
 2 |   background-color: #eee;
 3 |   border-radius: 5px;
 4 | }
 5 | .title {
 6 |   font-weight: bold;
 7 |   padding-top: 10px;
 8 |   text-align: center;
 9 | }
10 | .actions {
11 |   padding: 10px 0 15px;
12 | }
13 | .retweetWrapper {
14 |   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
15 |   padding: 10px 10px 20px;
16 |   background-color: #fff;
17 |   border-radius: 5px 5px 0 0;
18 | }
19 | 


--------------------------------------------------------------------------------
/app/components/Atoms/Menu/Menu.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import styles from './menu.css';
 3 | 
 4 | export default ({ router }) => (
 5 |   <ul className={styles.menu}>
 6 |     <li><a href="javascript:void(0);" className={styles.back} onClick={() => router.goBack()} title="go back">go back</a></li>
 7 |     <li><a href="javascript:void(0);" className={styles.forward} onClick={() => router.goForward()} title="go forward">go forward</a></li>
 8 |   </ul>
 9 |   );
10 | 


--------------------------------------------------------------------------------
/app/components/Atoms/Name/Name.test.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import { shallow, mount, render } from 'enzyme';
 3 | 
 4 | import Name from './Name';
 5 | 
 6 | describe('components/atoms/name', function() {
 7 |   it('should render to static HTML', function() {
 8 |     expect(render(<Name>foo</Name>).text()).toEqual('foo');
 9 |   });
10 |   it('should have a "name" class', function() {
11 |     expect(shallow(<Name>foo</Name>).hasClass('name')).toEqual(true);
12 |   });
13 | });
14 | 


--------------------------------------------------------------------------------
/app/actions/users.js:
--------------------------------------------------------------------------------
1 | import { createAction } from 'redux-actions';
2 | 
3 | export const REQUEST_GET_USERS_SHOW = 'REQUEST_GET_USERS_SHOW';
4 | export const SUCCESS_GET_USERS_SHOW = 'SUCCESS_GET_USERS_SHOW';
5 | export const FAILURE_GET_USERS_SHOW = 'FAILURE_GET_USERS_SHOW';
6 | export const requestGetUsersShow = createAction(REQUEST_GET_USERS_SHOW);
7 | export const successGetUsersShow = createAction(SUCCESS_GET_USERS_SHOW);
8 | export const failureGetUsersShow = createAction(FAILURE_GET_USERS_SHOW);
9 | 


--------------------------------------------------------------------------------
/app/components/Atoms/CreatedAt/CreatedAt.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import styles from './createdAt.css';
 3 | 
 4 | export default ({ children }) => {
 5 |   const getTime = (date) => {
 6 |     const hours = date.getHours();
 7 |     const minutes = date.getMinutes() < 10 ? `0${date.getMinutes()}` : `${date.getMinutes()}`;
 8 |     return `${hours}:${minutes}`;
 9 |   };
10 | 
11 |   return (
12 |     <span className={styles.createdAt}>{ getTime(new Date(children)) }</span>
13 |   );
14 | };
15 | 


--------------------------------------------------------------------------------
/app/containers/Atoms/RetweetTrigger.js:
--------------------------------------------------------------------------------
 1 | import { connect } from 'react-redux';
 2 | import RetweetTrigger from '../../components/Atoms/RetweetTrigger/RetweetTrigger';
 3 | import { openRetweetModal } from '../../actions/retweet';
 4 | 
 5 | const mapStateToProps = () => ({});
 6 | 
 7 | const mapDispatchToProps = dispatch => ({
 8 |   openRetweetModal(tweet) {
 9 |     dispatch(openRetweetModal(tweet));
10 |   }
11 | });
12 | 
13 | export default connect(mapStateToProps, mapDispatchToProps)(RetweetTrigger);
14 | 


--------------------------------------------------------------------------------
/app/containers/Modules/UserModal.js:
--------------------------------------------------------------------------------
 1 | import { connect } from 'react-redux';
 2 | import UserModal from '../../components/Modules/UserModal/UserModal';
 3 | import { closeUserModal } from '../../actions/user';
 4 | 
 5 | const mapStateToProps = state => ({
 6 |   user: state.userReducer
 7 | });
 8 | 
 9 | const mapDispatchToProps = dispatch => ({
10 |   closeUserModal() {
11 |     dispatch(closeUserModal());
12 |   }
13 | });
14 | 
15 | export default connect(mapStateToProps, mapDispatchToProps)(UserModal);
16 | 


--------------------------------------------------------------------------------
/.editorconfig:
--------------------------------------------------------------------------------
 1 | # EditorConfig helps developers define and maintain consistent
 2 | # coding styles between different editors and IDEs
 3 | # editorconfig.org
 4 | 
 5 | root = true
 6 | 
 7 | 
 8 | [*]
 9 | # Change these settings to your own preference
10 | indent_style = space
11 | indent_size = 2
12 | 
13 | # We recommend you to keep these unchanged
14 | end_of_line = lf
15 | charset = utf-8
16 | trim_trailing_whitespace = true
17 | insert_final_newline = true
18 | 
19 | [*.md]
20 | trim_trailing_whitespace = false
21 | 


--------------------------------------------------------------------------------
/app/actions/userStream.js:
--------------------------------------------------------------------------------
 1 | import { createAction } from 'redux-actions';
 2 | 
 3 | export const REQUEST_STREAM_USER = 'REQUEST_STREAM_USER';
 4 | export const SUCCESS_STREAM_USER = 'SUCCESS_STREAM_USER';
 5 | export const FAILURE_STREAM_USER = 'FAILURE_STREAM_USER';
 6 | 
 7 | export const requestStreamUser = dispatch => ({
 8 |   type: REQUEST_STREAM_USER,
 9 |   dispatch
10 | });
11 | export const successStreamUser = createAction(SUCCESS_STREAM_USER);
12 | export const failureStreamUser = createAction(FAILURE_STREAM_USER);
13 | 


--------------------------------------------------------------------------------
/app/containers/Molecules/Lists.js:
--------------------------------------------------------------------------------
 1 | import { connect } from 'react-redux';
 2 | import Lists from '../../components/Molecules/Lists/Lists';
 3 | import { requestGetList } from '../../actions/lists';
 4 | 
 5 | const mapStateToProps = state => ({
 6 |   gettingList: state.listsReducer.gettingList,
 7 |   list: state.listsReducer.list
 8 | });
 9 | 
10 | const mapDispatchToProps = dispatch => ({
11 |   requestGetList() {
12 |     dispatch(requestGetList());
13 |   }
14 | });
15 | 
16 | export default connect(mapStateToProps, mapDispatchToProps)(Lists);
17 | 


--------------------------------------------------------------------------------
/app/components/Atoms/ScreenName/ScreenName.test.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import { shallow, mount, render } from 'enzyme';
 3 | 
 4 | import ScreenName from './ScreenName';
 5 | 
 6 | describe('components/atoms/screenName', function() {
 7 |   it('should render to static HTML', function() {
 8 |     expect(render(<ScreenName>foo</ScreenName>).text()).toEqual('foo');
 9 |   });
10 |   it('should have a "screenName" class', function() {
11 |     expect(shallow(<ScreenName>foo</ScreenName>).hasClass('screenName')).toEqual(true);
12 |   });
13 | });
14 | 


--------------------------------------------------------------------------------
/app/reducers/retweet.js:
--------------------------------------------------------------------------------
 1 | const initialState = {
 2 |   modal: false,
 3 |   tweet: {}
 4 | };
 5 | 
 6 | export default function retweetReducer(state = initialState, action) {
 7 |   switch (action.type) {
 8 |     case 'OPEN_RETWEET_MODAL':
 9 |       return {
10 |         ...state,
11 |         modal: true,
12 |         tweet: action.payload
13 |       };
14 | 
15 |     case 'CLOSE_RETWEET_MODAL':
16 |       return {
17 |         ...state,
18 |         modal: false
19 |       };
20 | 
21 |     default:
22 |       break;
23 |   }
24 |   return state;
25 | }
26 | 


--------------------------------------------------------------------------------
/app/reducers/user.js:
--------------------------------------------------------------------------------
 1 | const initialState = {
 2 |   user: {},
 3 |   modal: false
 4 | };
 5 | 
 6 | export default function userReducer(state = initialState, action) {
 7 |   switch (action.type) {
 8 |     case 'SET_USER':
 9 |     case 'SUCCESS_GET_USERS_SHOW':
10 |       return {
11 |         ...state,
12 |         modal: true,
13 |         user: action.payload
14 |       };
15 | 
16 |     case 'CLOSE_USER_MODAL':
17 |       return {
18 |         ...state,
19 |         modal: false
20 |       };
21 | 
22 |     default:
23 |       break;
24 |   }
25 |   return state;
26 | }
27 | 


--------------------------------------------------------------------------------
/app/sagas/streams/userStream.js:
--------------------------------------------------------------------------------
 1 | import { call, take } from 'redux-saga/effects';
 2 | import { REQUEST_STREAM_USER, successStreamUser } from '../../actions/userStream';
 3 | import { createTwitterClient } from '../../utils/twitterClient';
 4 | 
 5 | export default function* handleStreamUser() {
 6 |   const { dispatch } = yield take(REQUEST_STREAM_USER);
 7 |   const client = yield call(createTwitterClient);
 8 |   client.twStream('user', {}, (stream) => {
 9 |     stream.on('data', (data) => {
10 |       dispatch(successStreamUser({ data }));
11 |     });
12 |   });
13 | }
14 | 


--------------------------------------------------------------------------------
/.eslintrc:
--------------------------------------------------------------------------------
 1 | {
 2 |   "extends" : "airbnb",
 3 |   "rules" : {
 4 |     "comma-dangle" : 0,
 5 |     "no-constant-condition" : 0,
 6 |     "no-underscore-dangle" : 0,
 7 |     "no-param-reassign" : 0,
 8 |     "no-script-url" : 0,
 9 |     "no-new" : 0,
10 |     "max-len" : [1, 200, 2],
11 |     "import/no-extraneous-dependencies" : 0,
12 |     "react/prop-types" : 0,
13 |     "react/jsx-filename-extension" : 0,
14 |     "react/no-danger" : 0,
15 |     "react/prefer-stateless-function" : 0
16 |   },
17 |   "globals": {
18 |     "twttr": false,
19 |     "document": false
20 |   }
21 | }
22 | 


--------------------------------------------------------------------------------
/app/actions/update.js:
--------------------------------------------------------------------------------
 1 | import { createAction } from 'redux-actions';
 2 | 
 3 | export const REQUEST_POST_UPDATE = 'REQUEST_POST_UPDATE';
 4 | export const SUCCESS_POST_UPDATE = 'SUCCESS_POST_UPDATE';
 5 | export const FAILURE_POST_UPDATE = 'FAILURE_POST_UPDATE';
 6 | export const requestPostUpdate = createAction(REQUEST_POST_UPDATE);
 7 | export const successPostUpdate = createAction(SUCCESS_POST_UPDATE);
 8 | export const failurePostUpdate = createAction(FAILURE_POST_UPDATE);
 9 | 
10 | export const INPUT_UPDATE = 'INPUT_UPDATE';
11 | export const inputUpdate = createAction(INPUT_UPDATE);
12 | 


--------------------------------------------------------------------------------
/app/components/Organisms/Tweet/Tweet.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import Meta from '../../Molecules/Meta/Meta';
 3 | import Triggers from '../../Molecules/Triggers/Triggers';
 4 | import Text from '../../Atoms/Text/Text';
 5 | import styles from './tweet.css';
 6 | 
 7 | export default ({ tweet = {}, setUser }) => (
 8 |   <dl>
 9 |     <dt>
10 |       <Meta tweet={tweet} setUser={setUser} />
11 |     </dt>
12 |     <dd>
13 |       <Text tweet={tweet} setUser={setUser} />
14 |     </dd>
15 |     <dd className={styles.actions}>
16 |       <Triggers tweet={tweet} />
17 |     </dd>
18 |   </dl>
19 | );
20 | 


--------------------------------------------------------------------------------
/app/containers/Molecules/PostForm.js:
--------------------------------------------------------------------------------
 1 | import { connect } from 'react-redux';
 2 | import PostForm from '../../components/Molecules/PostForm/PostForm';
 3 | import { inputUpdate, requestPostUpdate } from '../../actions/update';
 4 | 
 5 | const mapStateToProps = state => ({
 6 |   data: state.updateReducer
 7 | });
 8 | 
 9 | const mapDispatchToProps = dispatch => ({
10 |   inputUpdate(value) {
11 |     dispatch(inputUpdate(value));
12 |   },
13 |   requestPostUpdate(value) {
14 |     dispatch(requestPostUpdate(value));
15 |   }
16 | });
17 | 
18 | export default connect(mapStateToProps, mapDispatchToProps)(PostForm);
19 | 


--------------------------------------------------------------------------------
/app/actions/search.js:
--------------------------------------------------------------------------------
 1 | import { createAction } from 'redux-actions';
 2 | 
 3 | export const REQUEST_GET_SEARCH_TWEETS = 'REQUEST_GET_SEARCH_TWEETS';
 4 | export const SUCCESS_GET_SEARCH_TWEETS = 'SUCCESS_GET_SEARCH_TWEETS';
 5 | export const FAILURE_GET_SEARCH_TWEETS = 'FAILURE_GET_SEARCH_TWEETS';
 6 | export const requestGetSearchTweets = createAction(REQUEST_GET_SEARCH_TWEETS);
 7 | export const successGetSearchTweets = createAction(SUCCESS_GET_SEARCH_TWEETS);
 8 | export const failureGetSearchTweets = createAction(FAILURE_GET_SEARCH_TWEETS);
 9 | 
10 | export const INPUT_QUERY = 'INPUT_QUERY';
11 | export const inputQuery = createAction(INPUT_QUERY);
12 | 


--------------------------------------------------------------------------------
/app/components/Atoms/RetweetActions/RetweetActions.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import Button from '../Button/Button';
 3 | import styles from './retweetActions.css';
 4 | 
 5 | export default ({ tweet, requestPostRetweet, closeRetweetModal }) => {
 6 |   const postRetweet = () => {
 7 |     closeRetweetModal();
 8 |     requestPostRetweet(tweet.id_str);
 9 |   };
10 | 
11 |   return (
12 |     <div className={styles.retweetActions}>
13 |       <Button type="submit" value="retweet" onClick={postRetweet} />
14 |       <a className={styles.cancel} href="javascript:void(0);" onClick={() => closeRetweetModal()}>cancel</a>
15 |     </div>
16 |   );
17 | };
18 | 


--------------------------------------------------------------------------------
/app/components/Molecules/Triggers/Triggers.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import RetweetTrigger from '../../../containers/Atoms/RetweetTrigger';
 3 | import FavoriteTrigger from '../../../containers/Atoms/FavoriteTrigger';
 4 | import styles from './triggers.css';
 5 | 
 6 | export default ({ tweet = {} }) => (
 7 |   <ul>
 8 |     <li className={styles.action}>
 9 |       <RetweetTrigger tweet={tweet} />
10 |     </li>
11 |     <li className={styles.action}>
12 |       <FavoriteTrigger
13 |         id_str={tweet.id_str}
14 |         favorited={tweet.favorited}
15 |         favorite_count={tweet.favorite_count}
16 |       />
17 |     </li>
18 |   </ul>
19 | );
20 | 


--------------------------------------------------------------------------------
/app/sagas/lists/list.js:
--------------------------------------------------------------------------------
 1 | import { call, put, take } from 'redux-saga/effects';
 2 | import { REQUEST_GET_LIST, successGetList, failureGetList } from '../../actions/lists';
 3 | import { createTwitterClient } from '../../utils/twitterClient';
 4 | 
 5 | export default function* handleGetList() {
 6 |   while (true) {
 7 |     yield take(REQUEST_GET_LIST);
 8 |     const client = yield call(createTwitterClient);
 9 |     const { data, error } = yield client.twGetPromise('lists/list', { user_id: client.user_id });
10 |     if (error) {
11 |       yield put(failureGetList({ error }));
12 |     } else {
13 |       yield put(successGetList({ data }));
14 |     }
15 |   }
16 | }
17 | 


--------------------------------------------------------------------------------
/app/containers/Atoms/FavoriteTrigger.js:
--------------------------------------------------------------------------------
 1 | import { connect } from 'react-redux';
 2 | import FavoriteTrigger from '../../components/Atoms/FavoriteTrigger/FavoriteTrigger';
 3 | import { requestPostFavoritesCreate, requestPostFavoritesDestroy } from '../../actions/favorites';
 4 | 
 5 | const mapStateToProps = () => ({});
 6 | 
 7 | const mapDispatchToProps = dispatch => ({
 8 |   requestPostFavoritesCreate(tweetId) {
 9 |     dispatch(requestPostFavoritesCreate(tweetId));
10 |   },
11 |   requestPostFavoritesDestroy(tweetId) {
12 |     dispatch(requestPostFavoritesDestroy(tweetId));
13 |   }
14 | });
15 | 
16 | export default connect(mapStateToProps, mapDispatchToProps)(FavoriteTrigger);
17 | 


--------------------------------------------------------------------------------
/app/containers/Molecules/RetweetModal.js:
--------------------------------------------------------------------------------
 1 | import { connect } from 'react-redux';
 2 | import RetweetModal from '../../components/Molecules/RetweetModal/RetweetModal';
 3 | import { requestPostRetweet, closeRetweetModal } from '../../actions/retweet';
 4 | 
 5 | const mapStateToProps = state => ({
 6 |   modal: state.retweetReducer.modal,
 7 |   tweet: state.retweetReducer.tweet
 8 | });
 9 | 
10 | const mapDispatchToProps = dispatch => ({
11 |   closeRetweetModal() {
12 |     dispatch(closeRetweetModal());
13 |   },
14 |   requestPostRetweet(tweetId) {
15 |     dispatch(requestPostRetweet(tweetId));
16 |   }
17 | });
18 | 
19 | export default connect(mapStateToProps, mapDispatchToProps)(RetweetModal);
20 | 


--------------------------------------------------------------------------------
/app/sagas/statuses/retweet.js:
--------------------------------------------------------------------------------
 1 | import { call, put, take } from 'redux-saga/effects';
 2 | import { REQUEST_POST_RETWEET, successPostRetweet, failurePostRetweet } from '../../actions/retweet';
 3 | import { createTwitterClient } from '../../utils/twitterClient';
 4 | 
 5 | export default function* handlePostRetweet() {
 6 |   while (true) {
 7 |     const { payload } = yield take(REQUEST_POST_RETWEET);
 8 |     yield put(successPostRetweet({ id: payload }));
 9 |     const client = yield call(createTwitterClient);
10 |     const { error } = yield client.twPostPromise(`statuses/retweet/${payload}`, {});
11 |     if (error) {
12 |       yield put(failurePostRetweet({ error }));
13 |     }
14 |   }
15 | }
16 | 


--------------------------------------------------------------------------------
/app/containers/Modules/App.js:
--------------------------------------------------------------------------------
 1 | import { connect } from 'react-redux';
 2 | import App from '../../components/Modules/App/App';
 3 | import { requestStreamUser } from '../../actions/userStream';
 4 | import { resetTimeline } from '../../actions/timeline';
 5 | 
 6 | const mapStateToProps = (state, ownProps) => ({
 7 |   pathname: ownProps.location.pathname === '/' ? '/homeTimeline' : ownProps.location.pathname
 8 | });
 9 | 
10 | const mapDispatchToProps = dispatch => ({
11 |   requestStreamUser() {
12 |     dispatch(requestStreamUser(dispatch));
13 |   },
14 |   resetTimeline() {
15 |     dispatch(resetTimeline(dispatch));
16 |   }
17 | });
18 | 
19 | export default connect(mapStateToProps, mapDispatchToProps)(App);
20 | 


--------------------------------------------------------------------------------
/app/sagas/statuses/update.js:
--------------------------------------------------------------------------------
 1 | import { call, put, take } from 'redux-saga/effects';
 2 | import { REQUEST_POST_UPDATE, successPostUpdate, failurePostUpdate } from '../../actions/update';
 3 | import { createTwitterClient } from '../../utils/twitterClient';
 4 | 
 5 | export default function* handlePostUpdate() {
 6 |   while (true) {
 7 |     const { payload } = yield take(REQUEST_POST_UPDATE);
 8 |     const client = yield call(createTwitterClient);
 9 |     const { data, error } = yield client.twPostPromise('statuses/update', { status: payload });
10 |     if (error) {
11 |       yield put(failurePostUpdate({ error }));
12 |     } else {
13 |       yield put(successPostUpdate({ data }));
14 |     }
15 |   }
16 | }
17 | 


--------------------------------------------------------------------------------
/app/sagas/users/show.js:
--------------------------------------------------------------------------------
 1 | import { call, put, take } from 'redux-saga/effects';
 2 | import { REQUEST_GET_USERS_SHOW, successGetUsersShow, failureGetUsersShow } from '../../actions/users';
 3 | import { createTwitterClient } from '../../utils/twitterClient';
 4 | 
 5 | export default function* handleGetUsersShow() {
 6 |   while (true) {
 7 |     const { payload } = yield take(REQUEST_GET_USERS_SHOW);
 8 |     const client = yield call(createTwitterClient);
 9 |     const { data, error } = yield client.twGetPromise('users/show', { user_id: payload });
10 |     if (error) {
11 |       yield put(failureGetUsersShow({ error }));
12 |     } else {
13 |       yield put(successGetUsersShow(data));
14 |     }
15 |   }
16 | }
17 | 


--------------------------------------------------------------------------------
/app/sagas/statuses/homeTimeline.js:
--------------------------------------------------------------------------------
 1 | import { call, put, take } from 'redux-saga/effects';
 2 | import { REQUEST_GET_HOME_TIMELINE, successGetHomeTimeline, failureGetHomeTimeline } from '../../actions/timeline';
 3 | import { createTwitterClient } from '../../utils/twitterClient';
 4 | 
 5 | export default function* handleGetHomeTimeline() {
 6 |   while (true) {
 7 |     yield take(REQUEST_GET_HOME_TIMELINE);
 8 |     const client = yield call(createTwitterClient);
 9 |     const { data, error } = yield client.twGetPromise('statuses/home_timeline', { count: 200 });
10 |     if (error) {
11 |       yield put(failureGetHomeTimeline({ error }));
12 |     } else {
13 |       yield put(successGetHomeTimeline({ data }));
14 |     }
15 |   }
16 | }
17 | 


--------------------------------------------------------------------------------
/app/components/Atoms/Menu/menu.css:
--------------------------------------------------------------------------------
 1 | .menu {
 2 |   background-color: #ccc;
 3 |   height: 30px;
 4 |   display: flex;
 5 |   padding: 0 5px;
 6 | }
 7 | 
 8 | .back {
 9 |   display: block;
10 |   width: 26px;
11 |   height: 30px;
12 |   text-indent: -9999px;
13 |   overflow: hidden;
14 |   background-image: url('./back_on.svg');
15 |   background-repeat: no-repeat;
16 |   background-position: center center;
17 |   background-size: 16px 16px;
18 | }
19 | 
20 | .forward {
21 |   display: block;
22 |   width: 26px;
23 |   height: 30px;
24 |   text-indent: -9999px;
25 |   overflow: hidden;
26 |   background-image: url('./forward_on.svg');
27 |   background-repeat: no-repeat;
28 |   background-position: center center;
29 |   background-size: 16px 16px;
30 | }
31 | 


--------------------------------------------------------------------------------
/app/sagas/search/tweets.js:
--------------------------------------------------------------------------------
 1 | import { call, put, take } from 'redux-saga/effects';
 2 | import { REQUEST_GET_SEARCH_TWEETS, successGetSearchTweets, failureGetSearchTweets } from '../../actions/search';
 3 | import { createTwitterClient } from '../../utils/twitterClient';
 4 | 
 5 | export default function* handleGetSearchTweets() {
 6 |   while (true) {
 7 |     const { payload } = yield take(REQUEST_GET_SEARCH_TWEETS);
 8 |     const client = yield call(createTwitterClient);
 9 |     const { data, error } = yield client.twGetPromise('search/tweets', { q: payload, count: 200 });
10 |     if (error) {
11 |       yield put(failureGetSearchTweets({ error }));
12 |     } else {
13 |       yield put(successGetSearchTweets({ data }));
14 |     }
15 |   }
16 | }
17 | 


--------------------------------------------------------------------------------
/app/actions/retweet.js:
--------------------------------------------------------------------------------
 1 | import { createAction } from 'redux-actions';
 2 | 
 3 | export const REQUEST_POST_RETWEET = 'REQUEST_POST_RETWEET';
 4 | export const SUCCESS_POST_RETWEET = 'SUCCESS_POST_RETWEET';
 5 | export const FAILURE_POST_RETWEET = 'FAILURE_POST_RETWEET';
 6 | export const requestPostRetweet = createAction(REQUEST_POST_RETWEET);
 7 | export const successPostRetweet = createAction(SUCCESS_POST_RETWEET);
 8 | export const failurePostRetweet = createAction(FAILURE_POST_RETWEET);
 9 | 
10 | export const CLOSE_RETWEET_MODAL = 'CLOSE_RETWEET_MODAL';
11 | export const closeRetweetModal = createAction(CLOSE_RETWEET_MODAL);
12 | 
13 | export const OPEN_RETWEET_MODAL = 'OPEN_RETWEET_MODAL';
14 | export const openRetweetModal = createAction(OPEN_RETWEET_MODAL);
15 | 


--------------------------------------------------------------------------------
/app/components/Molecules/UserInfo/UserInfo.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import { Link } from 'react-router-dom';
 3 | import UserImage from '../../Atoms/UserImage/UserImage';
 4 | import Name from '../../Atoms/Name/Name';
 5 | import ScreenName from '../../Atoms/ScreenName/ScreenName';
 6 | import styles from './userInfo.css';
 7 | 
 8 | export default ({ url = '', idStr = '', name = '', screenName = '', closeModal }) => (
 9 |   <div className={styles.userInfo}>
10 |     <span className={styles.image}>
11 |       <UserImage url={url} />
12 |     </span>
13 |     <Link to={`/userTimeline/${idStr}`} onClick={() => closeModal()}>
14 |       <Name>{name}</Name>
15 |     </Link>
16 |     <br />
17 |     <ScreenName>@{screenName}</ScreenName>
18 |   </div>
19 | );
20 | 


--------------------------------------------------------------------------------
/app/sagas/lists/statuses.js:
--------------------------------------------------------------------------------
 1 | import { call, put, take } from 'redux-saga/effects';
 2 | import { REQUEST_GET_LISTS_STATUSES, successGetListsStatuses, failureGetListsStatuses } from '../../actions/lists';
 3 | import { createTwitterClient } from '../../utils/twitterClient';
 4 | 
 5 | export default function* handleGetListsStatuses() {
 6 |   while (true) {
 7 |     const { payload } = yield take(REQUEST_GET_LISTS_STATUSES);
 8 |     const client = yield call(createTwitterClient);
 9 |     const { data, error } = yield client.twGetPromise('lists/statuses', { list_id: payload, count: 200 });
10 |     if (error) {
11 |       yield put(failureGetListsStatuses({ error }));
12 |     } else {
13 |       yield put(successGetListsStatuses({ data }));
14 |     }
15 |   }
16 | }
17 | 


--------------------------------------------------------------------------------
/app/components/Atoms/Button/Button.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import styles from './button.css';
 3 | 
 4 | export default ({ disabled = false, type = 'normal', value, disabledValue, onClick, title = '' }) => {
 5 |   if (disabled) {
 6 |     return (
 7 |       <input className={`${styles.button} ${styles.disabled}`} type="button" value={disabledValue || value} title={title} />
 8 |     );
 9 |   } else if (type === 'submit') {
10 |     return (
11 |       <input className={`${styles.button} ${styles.submit}`} type="button" value={value} onClick={() => onClick()} title={title} />
12 |     );
13 |   }
14 |   return (
15 |     <input className={`${styles.button} ${styles.normal}`} type="button" value={value} onClick={() => onClick()} title={title} />
16 |   );
17 | };
18 | 


--------------------------------------------------------------------------------
/app/sagas/statuses/mentionsTimeline.js:
--------------------------------------------------------------------------------
 1 | import { call, put, take } from 'redux-saga/effects';
 2 | import { REQUEST_GET_MENTIONS_TIMELINE, successGetMentionsTimeline, failureGetMentionsTimeline } from '../../actions/timeline';
 3 | import { createTwitterClient } from '../../utils/twitterClient';
 4 | 
 5 | export default function* handleGetMentionsTimeline() {
 6 |   while (true) {
 7 |     yield take(REQUEST_GET_MENTIONS_TIMELINE);
 8 |     const client = yield call(createTwitterClient);
 9 |     const { data, error } = yield client.twGetPromise('statuses/mentions_timeline', { count: 200 });
10 |     if (error) {
11 |       yield put(failureGetMentionsTimeline({ error }));
12 |     } else {
13 |       yield put(successGetMentionsTimeline({ data }));
14 |     }
15 |   }
16 | }
17 | 


--------------------------------------------------------------------------------
/app/sagas/statuses/userTimeline.js:
--------------------------------------------------------------------------------
 1 | import { call, put, take } from 'redux-saga/effects';
 2 | import { REQUEST_GET_USER_TIMELINE, successGetUserTimeline, failureGetUserTimeline } from '../../actions/timeline';
 3 | import { createTwitterClient } from '../../utils/twitterClient';
 4 | 
 5 | export default function* handleGetUserTimeline() {
 6 |   while (true) {
 7 |     const { payload } = yield take(REQUEST_GET_USER_TIMELINE);
 8 |     const client = yield call(createTwitterClient);
 9 |     const { data, error } = yield client.twGetPromise('statuses/user_timeline', { user_id: payload, count: 200 });
10 |     if (error) {
11 |       yield put(failureGetUserTimeline({ error }));
12 |     } else {
13 |       yield put(successGetUserTimeline({ data }));
14 |     }
15 |   }
16 | }
17 | 


--------------------------------------------------------------------------------
/app/components/Atoms/Menu/back_off.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 4 | <svg version="1.1" id="_x32_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 5 | 	 width="800px" height="800px" viewBox="0 0 800 800" enable-background="new 0 0 800 800" xml:space="preserve">
 6 | <g>
 7 | 	<path fill="#AAAAAA" d="M457.026,264.013c-33.021,0-62.948,0-89.909,0V102.178L0,399.992L367.117,697.82V522.492
 8 | 		c11.144,0,22.393,0,33.716,0c148.914,0,355.894-3.744,370.873,157.346C846.636,503.763,782.947,264.013,457.026,264.013z"/>
 9 | </g>
10 | </svg>
11 | 


--------------------------------------------------------------------------------
/app/components/Atoms/Menu/back_on.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 4 | <svg version="1.1" id="_x32_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 5 | 	 width="800px" height="800px" viewBox="0 0 800 800" enable-background="new 0 0 800 800" xml:space="preserve">
 6 | <g>
 7 | 	<path fill="#778899" d="M457.026,264.013c-33.021,0-62.948,0-89.909,0V102.178L0,399.992L367.117,697.82V522.492
 8 | 		c11.144,0,22.393,0,33.716,0c148.914,0,355.894-3.744,370.873,157.346C846.636,503.763,782.947,264.013,457.026,264.013z"/>
 9 | </g>
10 | </svg>
11 | 


--------------------------------------------------------------------------------
/app/components/Atoms/Menu/forward_off.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 4 | <svg version="1.1" id="_x32_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 5 | 	 width="800px" height="800px" viewBox="0 0 800 800" enable-background="new 0 0 800 800" xml:space="preserve">
 6 | <g>
 7 | 	<path fill="#AAAAAA" d="M28.294,679.838c14.979-161.09,221.959-157.346,370.873-157.346c11.323,0,22.572,0,33.716,0V697.82
 8 | 		L800,399.992L432.883,102.178v161.835c-26.961,0-56.888,0-89.909,0C17.053,264.013-46.636,503.763,28.294,679.838z"/>
 9 | </g>
10 | </svg>
11 | 


--------------------------------------------------------------------------------
/app/components/Atoms/Menu/forward_on.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 4 | <svg version="1.1" id="_x32_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 5 | 	 width="800px" height="800px" viewBox="0 0 800 800" enable-background="new 0 0 800 800" xml:space="preserve">
 6 | <g>
 7 | 	<path fill="#778899" d="M28.294,679.838c14.979-161.09,221.959-157.346,370.873-157.346c11.323,0,22.572,0,33.716,0V697.82
 8 | 		L800,399.992L432.883,102.178v161.835c-26.961,0-56.888,0-89.909,0C17.053,264.013-46.636,503.763,28.294,679.838z"/>
 9 | </g>
10 | </svg>
11 | 


--------------------------------------------------------------------------------
/app/components/Atoms/RetweetTrigger/RetweetTrigger.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import styles from './retweetTrigger.css';
 3 | 
 4 | export default ({ tweet, openRetweetModal }) => (
 5 |   <span>
 6 |     <a className={tweet.retweeted ? styles.isActioned : ''} href="javascript:void(0);" onClick={tweet.retweeted ? false : () => openRetweetModal(tweet)}>
 7 |       <svg height="10px" version="1.1" viewBox="0 0 100 60">
 8 |         <path d="M24.9,46V19.9H35L17.5,0L0,19.9h10.1V50c0,5.523,4.476,10,10,10H65L52.195,46H24.9z M89.9,40.1V10c0-5.523-4.477-10-10-10 H35l12.804,14h27.295v26.1H65L82.5,60L100,40.1H89.9z" />
 9 |       </svg>
10 |     </a>
11 |     <a href="javascript:void(0);" className={styles.actionCount}>
12 |       {tweet.retweet_count.toLocaleString()}
13 |     </a>
14 |   </span>
15 | );
16 | 


--------------------------------------------------------------------------------
/app/components/Molecules/UserCounts/UserCounts.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import { Link } from 'react-router-dom';
 3 | import UserCount from '../../Atoms/UserCount/UserCount';
 4 | import styles from './userCounts.css';
 5 | 
 6 | export default ({ idStr = '', statusesCount = '', friendsCount = '', followersCount = '', closeModal }) => (
 7 |   <ul className={styles.userCounts}>
 8 |     <UserCount title="tweets">
 9 |       <Link to={`/userTimeline/${idStr}`} onClick={() => closeModal()}>
10 |         {statusesCount.toLocaleString()}
11 |       </Link>
12 |     </UserCount>
13 |     <UserCount title="friends">
14 |       {friendsCount.toLocaleString()}
15 |     </UserCount>
16 |     <UserCount title="followers">
17 |       {followersCount.toLocaleString()}
18 |     </UserCount>
19 |   </ul>
20 | );
21 | 


--------------------------------------------------------------------------------
/app/components/Atoms/NavigationItem/NavigationItem.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import { Link } from 'react-router-dom';
 3 | import styles from './navigationItem.css';
 4 | 
 5 | export default ({ current, to, onClick, children, itemClass }) => {
 6 |   if (current === to) {
 7 |     return (
 8 |       <li className={`${styles.item} ${styles.isSelected} ${styles[itemClass]}`}>
 9 |         {children}
10 |       </li>
11 |     );
12 |   } else if (current.includes(to)) {
13 |     return (
14 |       <li className={`${styles.item} ${styles.isSelected} ${styles[itemClass]}`}>
15 |         <Link to={to} onClick={onClick}>{children}</Link>
16 |       </li>
17 |     );
18 |   }
19 |   return (
20 |     <li className={`${styles.item} ${styles[itemClass]}`}>
21 |       <Link to={to} onClick={onClick}>{children}</Link>
22 |     </li>
23 |   );
24 | };
25 | 


--------------------------------------------------------------------------------
/app/utils/update.js:
--------------------------------------------------------------------------------
 1 | export const update = (autoUpdater) => {
 2 |   autoUpdater.setFeedURL('https://shibe97.github.io/worc/releases/latest.json');
 3 |   autoUpdater.checkForUpdates();
 4 |   autoUpdater.on('update-downloaded', () => {
 5 |     index = dialog.showMessageBox({
 6 |       message: 'Update available',
 7 |       detail: 'Do you try to reboot and update?',
 8 |       buttons: ["reboot", "later"]
 9 |     });
10 |     if (index === 0) {
11 |       autoUpdater.quitAndInstall();
12 |     }
13 |   });
14 |   autoUpdater.on("update-not-available", () => {
15 |     dialog.showMessageBox({
16 |       message: "No updates.",
17 |       buttons: ["OK"]
18 |     });
19 |   });
20 |   autoUpdater.on("error", () => {
21 |     dialog.showMessageBox({
22 |       message: "An update error has occured.",
23 |       buttons: ["OK"]
24 |     });
25 |   });
26 | };
27 | 


--------------------------------------------------------------------------------
/app/components/Molecules/Navigation/Navigation.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import Item from '../../Atoms/NavigationItem/NavigationItem';
 3 | import styles from './navigation.css';
 4 | 
 5 | export default ({ pathname, resetTimeline }) => (
 6 |   <ul className={styles.navigation}>
 7 |     <Item current={pathname} to="/homeTimeline" onClick={() => resetTimeline()} itemClass="home">home</Item>
 8 |     <Item current={pathname} to="/mentionsTimeline" onClick={() => resetTimeline()} itemClass="mentions">mentions</Item>
 9 |     <Item current={pathname} to="/lists" onClick={() => resetTimeline()} itemClass="lists">lists</Item>
10 |     <Item current={pathname} to="/searchTimeline" onClick={() => resetTimeline()} itemClass="search">search</Item>
11 |     <a href="https://github.com/shibe97/worc" target="GitHub" className={styles.github}>GitHub</a>
12 |   </ul>
13 | );
14 | 


--------------------------------------------------------------------------------
/app/components/Modules/ListsTimeline/ListsTimeline.js:
--------------------------------------------------------------------------------
 1 | import React, { Component } from 'react';
 2 | import Timeline from '../Timeline/Timeline';
 3 | import styles from './listsTimeline.css';
 4 | 
 5 | export default class ListsTimeline extends Component {
 6 |   componentWillMount() {
 7 |     this.props.requestStreamSiteFollow();
 8 |   }
 9 | 
10 |   render() {
11 |     return (
12 |       <div>
13 |         <p className={styles.current}>list : {this.props.match.params.listName}</p>
14 |         <Timeline
15 |           gettingTimeline={this.props.gettingTimeline}
16 |           timeline={this.props.timeline}
17 |           user={this.props.user}
18 |           requestGetTimeline={this.props.requestGetTimeline}
19 |           requestGetUsersShow={this.props.requestGetUsersShow}
20 |           requestGetSearchTweets={this.props.requestGetSearchTweets}
21 |         />
22 |       </div>
23 |     );
24 |   }
25 | }
26 | 


--------------------------------------------------------------------------------
/app/actions/lists.js:
--------------------------------------------------------------------------------
 1 | import { createAction } from 'redux-actions';
 2 | 
 3 | export const REQUEST_GET_LIST = 'REQUEST_GET_LIST';
 4 | export const SUCCESS_GET_LIST = 'SUCCESS_GET_LIST';
 5 | export const FAILURE_GET_LIST = 'FAILURE_GET_LIST';
 6 | export const requestGetList = createAction(REQUEST_GET_LIST);
 7 | export const successGetList = createAction(SUCCESS_GET_LIST);
 8 | export const failureGetList = createAction(FAILURE_GET_LIST);
 9 | 
10 | export const REQUEST_GET_LISTS_STATUSES = 'REQUEST_GET_LISTS_STATUSES';
11 | export const SUCCESS_GET_LISTS_STATUSES = 'SUCCESS_GET_LISTS_STATUSES';
12 | export const FAILURE_GET_LISTS_STATUSES = 'FAILURE_GET_LISTS_STATUSES';
13 | export const requestGetListsStatuses = createAction(REQUEST_GET_LISTS_STATUSES);
14 | export const successGetListsStatuses = createAction(SUCCESS_GET_LISTS_STATUSES);
15 | export const failureGetListsStatuses = createAction(FAILURE_GET_LISTS_STATUSES);
16 | 


--------------------------------------------------------------------------------
/app/components/Molecules/Lists/Lists.js:
--------------------------------------------------------------------------------
 1 | import React, { Component } from 'react';
 2 | import { Link } from 'react-router-dom';
 3 | import Loading from '../../Atoms/Loading/Loading';
 4 | import styles from './lists.css';
 5 | 
 6 | export default class Lists extends Component {
 7 | 
 8 |   componentDidMount() {
 9 |     this.props.requestGetList();
10 |   }
11 | 
12 |   render() {
13 |     if (this.props.gettingList) {
14 |       return (
15 |         <div className={styles.lists}>
16 |           <Loading />
17 |         </div>
18 |       );
19 |     }
20 |     return (
21 |       <ul className={styles.lists}>
22 |         {
23 |           this.props.list.map((item, index) => (
24 |             <li className={styles.list} key={index}>
25 |               <Link to={`/lists/${item.id_str}/${encodeURIComponent(item.name)}`}>{item.name}</Link>
26 |             </li>
27 |           ))
28 |         }
29 |       </ul>
30 |     );
31 |   }
32 | }
33 | 


--------------------------------------------------------------------------------
/docs/images/home.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 4 | <svg version="1.1" id="_x32_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 5 | 	 width="800px" height="800px" viewBox="0 0 800 800" enable-background="new 0 0 800 800" xml:space="preserve">
 6 | <g>
 7 | 	<polygon fill="#445566" points="678.378,458.409 678.378,771.659 481.752,771.659 481.752,575.911 318.253,575.911 
 8 | 		318.253,771.659 121.626,771.659 121.626,458.409 400.003,240.409 	"/>
 9 | 	<polygon fill="#445566" points="0,379.19 400,60.828 800,379.19 753.453,446.506 400,165.19 46.547,446.506 	"/>
10 | 	<polygon fill="#445566" points="687.271,28.341 687.271,232.091 588.396,153.341 588.396,28.341 	"/>
11 | </g>
12 | </svg>
13 | 


--------------------------------------------------------------------------------
/app/components/Atoms/FavoriteTrigger/FavoriteTrigger.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import styles from './favoriteTrigger.css';
 3 | 
 4 | export default ({ id_str, favorited, favorite_count, requestPostFavoritesDestroy, requestPostFavoritesCreate }) => {
 5 |   const postFavorites = () => {
 6 |     if (favorited) {
 7 |       requestPostFavoritesDestroy(id_str);
 8 |     } else {
 9 |       requestPostFavoritesCreate(id_str);
10 |     }
11 |   };
12 |   return (
13 |     <span>
14 |       <a className={favorited ? styles.isActioned : ''} href="javascript:void(0);" onClick={() => postFavorites()}>
15 |         <svg height="12px" version="1.1" viewBox="0 0 23.218 20.776"><path d="M11.608,20.776c-22.647-12.354-6.268-27.713,0-17.369  C17.877-6.937,34.257,8.422,11.608,20.776z" /></svg>
16 |       </a>
17 |       <a href="javascript:void(0);" className={styles.actionCount}>
18 |         {favorite_count.toLocaleString()}
19 |       </a>
20 |     </span>
21 |   );
22 | };
23 | 


--------------------------------------------------------------------------------
/app/components/Atoms/NavigationItem/home.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 4 | <svg version="1.1" id="_x32_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 5 | 	 width="800px" height="800px" viewBox="0 0 800 800" enable-background="new 0 0 800 800" xml:space="preserve">
 6 | <g>
 7 | 	<polygon fill="#445566" points="678.378,458.409 678.378,771.659 481.752,771.659 481.752,575.911 318.253,575.911 
 8 | 		318.253,771.659 121.626,771.659 121.626,458.409 400.003,240.409 	"/>
 9 | 	<polygon fill="#445566" points="0,379.19 400,60.828 800,379.19 753.453,446.506 400,165.19 46.547,446.506 	"/>
10 | 	<polygon fill="#445566" points="687.271,28.341 687.271,232.091 588.396,153.341 588.396,28.341 	"/>
11 | </g>
12 | </svg>
13 | 


--------------------------------------------------------------------------------
/app/containers/Modules/MentionsTimeline.js:
--------------------------------------------------------------------------------
 1 | import { connect } from 'react-redux';
 2 | import Timeline from '../../components/Modules/Timeline/Timeline';
 3 | import { requestGetMentionsTimeline } from '../../actions/timeline';
 4 | import { requestGetUsersShow } from '../../actions/users';
 5 | import { requestGetSearchTweets } from '../../actions/search';
 6 | 
 7 | const mapStateToProps = state => ({
 8 |   gettingTimeline: state.mentionsTimelineReducer.gettingTimeline,
 9 |   timeline: state.mentionsTimelineReducer.timeline,
10 |   user: state.userReducer.user
11 | });
12 | 
13 | const mapDispatchToProps = dispatch => ({
14 |   requestGetTimeline() {
15 |     dispatch(requestGetMentionsTimeline());
16 |   },
17 |   requestGetUsersShow(id) {
18 |     dispatch(requestGetUsersShow(id));
19 |   },
20 |   requestGetSearchTweets(q) {
21 |     dispatch(requestGetSearchTweets(q));
22 |   }
23 | });
24 | 
25 | export default connect(mapStateToProps, mapDispatchToProps)(Timeline);
26 | 


--------------------------------------------------------------------------------
/app/components/Modules/UserModal/UserModal.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import Modal from 'react-awesome-modal';
 3 | import User from '../../Organisms/User/User';
 4 | 
 5 | export default ({ user, closeUserModal }) => (
 6 |   <Modal visible={user.modal} width="340" effect="fadeInDown" onClickAway={() => closeUserModal()}>
 7 |     {
 8 |       user.user.profile_background_image_url_https &&
 9 |         <User
10 |           idStr={user.user.id_str}
11 |           imageUrl={user.user.profile_image_url_https}
12 |           backgroundImageUrl={user.user.profile_background_image_url_https}
13 |           name={user.user.name}
14 |           screenName={user.user.screen_name}
15 |           description={user.user.description}
16 |           statusesCount={user.user.statuses_count}
17 |           friendsCount={user.user.friends_count}
18 |           followersCount={user.user.followers_count}
19 |           closeModal={closeUserModal}
20 |         />
21 |     }
22 |   </Modal>
23 | );
24 | 


--------------------------------------------------------------------------------
/app/components/Atoms/Button/Button.test.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import sinon from 'sinon';
 3 | import { shallow, mount, render } from 'enzyme';
 4 | 
 5 | import Button from './Button';
 6 | 
 7 | describe('components/atoms/button', function() {
 8 |   it('should have "button" and "normal" classes', function() {
 9 |     expect(shallow(<Button type="normal" />).hasClass('button normal')).toEqual(true);
10 |   });
11 |   it('should have "button" and "submit" classes', function() {
12 |     expect(shallow(<Button type="submit" />).hasClass('button submit')).toEqual(true);
13 |   });
14 |   it('should have value', function() {
15 |     expect(shallow(<Button value="push" />).prop('value')).toEqual('push');
16 |   });
17 |   it('simulates click events', function() {
18 |     const onClick = sinon.spy();
19 |     const button = shallow(<Button value="push" onClick={onClick} />);
20 |     button.simulate('click');
21 |     expect(onClick.calledOnce).toEqual(true);
22 |   });
23 | });
24 | 


--------------------------------------------------------------------------------
/app/components/Atoms/NavigationItem/navigationItem.css:
--------------------------------------------------------------------------------
 1 | .item {
 2 |   height: 60px;
 3 |   text-indent: -9999px;
 4 |   overflow: hidden;
 5 | 
 6 |   &.home {
 7 |     background: url('./home.svg') no-repeat center center;
 8 |     background-size: 32px 32px;
 9 |   }
10 | 
11 |   &.mentions {
12 |     background: url('./mentions.svg') no-repeat center center;
13 |     background-size: 32px 32px;
14 |   }
15 | 
16 |   &.lists {
17 |     background: url('./lists.svg') no-repeat center center;
18 |     background-size: 30px 30px;
19 |   }
20 | 
21 |   &.search {
22 |     background: url('./search.svg') no-repeat center center;
23 |     background-size: 40px 40px;
24 |   }
25 | 
26 |   path {
27 |     fill: #eee;
28 |   }
29 | 
30 |   a {
31 |     display: block;
32 |     height: 100%;
33 |   }
34 | 
35 |   &:hover {
36 |     background-color: #2b4055;
37 |   }
38 | 
39 |   &.isSelected {
40 |     background-color: #1a2633;
41 |     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5) inset;
42 |   }
43 | }
44 | 


--------------------------------------------------------------------------------
/app/containers/Modules/HomeTimeline.js:
--------------------------------------------------------------------------------
 1 | import { connect } from 'react-redux';
 2 | import Timeline from '../../components/Modules/Timeline/Timeline';
 3 | import { requestGetHomeTimeline } from '../../actions/timeline';
 4 | import { requestGetUsersShow } from '../../actions/users';
 5 | import { requestGetSearchTweets } from '../../actions/search';
 6 | 
 7 | const mapStateToProps = state => ({
 8 |   gettingTimeline: state.homeTimelineReducer.gettingTimeline,
 9 |   timeline: state.homeTimelineReducer.timeline,
10 |   user: state.userReducer.user,
11 |   userModal: state.userReducer.modal
12 | });
13 | 
14 | const mapDispatchToProps = dispatch => ({
15 |   requestGetTimeline() {
16 |     dispatch(requestGetHomeTimeline());
17 |   },
18 |   requestGetUsersShow(id) {
19 |     dispatch(requestGetUsersShow(id));
20 |   },
21 |   requestGetSearchTweets(q) {
22 |     dispatch(requestGetSearchTweets(q));
23 |   }
24 | });
25 | 
26 | export default connect(mapStateToProps, mapDispatchToProps)(Timeline);
27 | 


--------------------------------------------------------------------------------
/app/components/Molecules/Meta/Meta.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import Name from '../../Atoms/Name/Name';
 3 | import ScreenName from '../../Atoms/ScreenName/ScreenName';
 4 | import CreatedAt from '../../Atoms/CreatedAt/CreatedAt';
 5 | import styles from './meta.css';
 6 | 
 7 | function userNameWithLinkIfNeeded(tweet, setUser) {
 8 |   if (setUser) {
 9 |     return (
10 |       <a href="javascript:void(0);" onClick={() => setUser(tweet.user)}>
11 |         {tweet.user.name}
12 |       </a>);
13 |   }
14 |   return (
15 |     <p>
16 |       {tweet.user.name}
17 |     </p>
18 |   );
19 | }
20 | 
21 | export default ({ tweet = {}, setUser = null }) => (
22 |   <div className={styles.meta}>
23 |     <Name user={tweet.user}>
24 |       {userNameWithLinkIfNeeded(tweet, setUser)}
25 |     </Name>
26 |     <span className={styles.screenName}><ScreenName>@{tweet.user.screen_name}</ScreenName></span>
27 |     <span className={styles.createdAt}><CreatedAt>{tweet.created_at}</CreatedAt></span>
28 |   </div>
29 | );
30 | 


--------------------------------------------------------------------------------
/app/components/Modules/TweetWrapper/TweetWrapper.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import Tweet from '../../../containers/Organisms/Tweet';
 3 | import styles from './tweetWrapper.css';
 4 | 
 5 | export default ({ tweet = {} }) => {
 6 |   if (!tweet.user) {
 7 |     return <li />;
 8 |   }
 9 |   if (tweet.retweeted_status) {
10 |     return (
11 |       <li className={styles.wrapper}>
12 |         <p className={styles.retweetedBy}>
13 |           <svg height="8px" version="1.1" viewBox="0 0 100 60">
14 |             <path d="M24.9,46V19.9H35L17.5,0L0,19.9h10.1V50c0,5.523,4.476,10,10,10H65L52.195,46H24.9z M89.9,40.1V10c0-5.523-4.477-10-10-10 H35l12.804,14h27.295v26.1H65L82.5,60L100,40.1H89.9z" />
15 |           </svg>
16 |           <span className={styles.name}>retweeted by {tweet.user.name}</span>
17 |         </p>
18 |         <Tweet tweet={tweet.retweeted_status} />
19 |       </li>
20 |     );
21 |   }
22 |   return (
23 |     <li className={styles.wrapper}>
24 |       <Tweet tweet={tweet} />
25 |     </li>
26 |   );
27 | };
28 | 


--------------------------------------------------------------------------------
/app/components/Atoms/Textarea/Textarea.test.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import renderer from 'react-test-renderer';
 3 | import sinon from 'sinon';
 4 | import { shallow, mount, render } from 'enzyme';
 5 | 
 6 | import Textarea from './Textarea';
 7 | 
 8 | describe('components/atoms/textarea', function() {
 9 |   it('renders correctly', () => {
10 |     const tree = renderer.create(
11 |       <Textarea value="test" inputUpdate={() => {}} />
12 |     ).toJSON();
13 |     expect(tree).toMatchSnapshot();
14 |   });
15 |   it('should have "textarea" class', function() {
16 |     expect(shallow(<Textarea value="test" />).hasClass('textarea')).toEqual(true);
17 |   });
18 |   it('should have value', function() {
19 |     expect(shallow(<Textarea value="test" />).prop('value')).toEqual('test');
20 |   });
21 |   it('simulates change events', function() {
22 |     const onChange = sinon.spy();
23 |     const textarea = shallow(<Textarea inputUpdate={onChange} />);
24 |     textarea.simulate('change', {target : {value : 'test'}});
25 |     expect(onChange.lastCall.args[0]).toEqual('test');
26 |   });
27 | });
28 | 


--------------------------------------------------------------------------------
/docs/images/search.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 4 | <svg version="1.1" id="レイヤー_1" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"
 5 | 	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px"
 6 | 	 viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
 7 | <title></title>
 8 | <desc></desc>
 9 | <g id="Page-1">
10 | 	<g id="icon-111-search">
11 | 		<path id="search" fill="#445566" d="M19.428,21.428C18.037,22.418,16.336,23,14.5,23C9.806,23,6,19.194,6,14.5S9.806,6,14.5,6
12 | 			S23,9.806,23,14.5c0,1.837-0.582,3.537-1.572,4.928l5.584,5.584c0.551,0.551,0.546,1.431,0,1.977l-0.023,0.023
13 | 			c-0.545,0.545-1.431,0.546-1.977,0L19.428,21.428L19.428,21.428z M14.5,21c3.59,0,6.5-2.91,6.5-6.5S18.09,8,14.5,8S8,10.91,8,14.5
14 | 			S10.91,21,14.5,21L14.5,21z"/>
15 | 	</g>
16 | </g>
17 | </svg>
18 | 


--------------------------------------------------------------------------------
/app/utils/retweet.js:
--------------------------------------------------------------------------------
 1 | export const retweetCreate = tweet => ({
 2 |   ...tweet,
 3 |   retweet_count: tweet.retweet_count + 1,
 4 |   retweeted: true
 5 | });
 6 | 
 7 | export const retweetsCreate = (timeline, tweetId) => timeline.map((tweet) => {
 8 |   if (tweet.retweeted_status && tweet.retweeted_status.id_str === tweetId) {
 9 |     return {
10 |       ...tweet,
11 |       retweeted_status: retweetCreate(tweet.retweeted_status)
12 |     };
13 |   } else if (tweet.id_str === tweetId) {
14 |     return retweetCreate(tweet);
15 |   }
16 |   return tweet;
17 | });
18 | 
19 | export const retweetDestroy = tweet => ({
20 |   ...tweet,
21 |   retweet_count: tweet.retweet_count - 1,
22 |   retweeted: false
23 | });
24 | 
25 | export const retweetsDestroy = (timeline, tweetId) => timeline.map((tweet) => {
26 |   if (tweet.retweeted_status && tweet.retweeted_status.id_str === tweetId) {
27 |     return {
28 |       ...tweet,
29 |       retweeted_status: retweetDestroy(tweet.retweeted_status)
30 |     };
31 |   } else if (tweet.id_str === tweetId) {
32 |     return retweetDestroy(tweet);
33 |   }
34 |   return tweet;
35 | });
36 | 


--------------------------------------------------------------------------------
/app/reducers/update.js:
--------------------------------------------------------------------------------
 1 | import 'twitter-text';
 2 | 
 3 | const initialItems = {
 4 |   update: '',
 5 |   remainingCharacters: 140,
 6 |   postingUpdate: false
 7 | };
 8 | 
 9 | export default function updateReducer(items = initialItems, action) {
10 |   switch (action.type) {
11 |     case 'SYSTEM_ERROR':
12 |       return Object.assign({}, items, {
13 |         postingUpdate: false
14 |       });
15 |     case 'REQUEST_POST_UPDATE':
16 |       return Object.assign({}, items, {
17 |         postingUpdate: true
18 |       });
19 |     case 'SUCCESS_POST_UPDATE':
20 |       return Object.assign({}, items, {
21 |         postingUpdate: false,
22 |         update: '',
23 |         remainingCharacters: 140
24 |       });
25 |     case 'FAILURE_POST_UPDATE':
26 |       return Object.assign({}, items, {
27 |         postingUpdate: false
28 |       });
29 |     case 'INPUT_UPDATE':
30 |       return Object.assign({}, items, {
31 |         update: action.payload,
32 |         remainingCharacters: 140 - twttr.txt.getTweetLength(action.payload)
33 |       });
34 |     default:
35 |       break;
36 |   }
37 |   return items;
38 | }
39 | 


--------------------------------------------------------------------------------
/app/components/Atoms/NavigationItem/search.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 4 | <svg version="1.1" id="レイヤー_1" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"
 5 | 	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px"
 6 | 	 viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
 7 | <title></title>
 8 | <desc></desc>
 9 | <g id="Page-1">
10 | 	<g id="icon-111-search">
11 | 		<path id="search" fill="#445566" d="M19.428,21.428C18.037,22.418,16.336,23,14.5,23C9.806,23,6,19.194,6,14.5S9.806,6,14.5,6
12 | 			S23,9.806,23,14.5c0,1.837-0.582,3.537-1.572,4.928l5.584,5.584c0.551,0.551,0.546,1.431,0,1.977l-0.023,0.023
13 | 			c-0.545,0.545-1.431,0.546-1.977,0L19.428,21.428L19.428,21.428z M14.5,21c3.59,0,6.5-2.91,6.5-6.5S18.09,8,14.5,8S8,10.91,8,14.5
14 | 			S10.91,21,14.5,21L14.5,21z"/>
15 | 	</g>
16 | </g>
17 | </svg>
18 | 


--------------------------------------------------------------------------------
/app/utils/favorite.js:
--------------------------------------------------------------------------------
 1 | export const favoriteCreate = tweet => ({
 2 |   ...tweet,
 3 |   favorite_count: tweet.favorite_count + 1,
 4 |   favorited: true
 5 | });
 6 | 
 7 | export const favoritesCreate = (timeline, tweetId) => timeline.map((tweet) => {
 8 |   if (tweet.retweeted_status && tweet.retweeted_status.id_str === tweetId) {
 9 |     return {
10 |       ...tweet,
11 |       retweeted_status: favoriteCreate(tweet.retweeted_status)
12 |     };
13 |   } else if (tweet.id_str === tweetId) {
14 |     return favoriteCreate(tweet);
15 |   }
16 |   return tweet;
17 | });
18 | 
19 | export const favoriteDestroy = tweet => ({
20 |   ...tweet,
21 |   favorite_count: tweet.favorite_count - 1,
22 |   favorited: false
23 | });
24 | 
25 | export const favoritesDestroy = (timeline, tweetId) => timeline.map((tweet) => {
26 |   if (tweet.retweeted_status && tweet.retweeted_status.id_str === tweetId) {
27 |     return {
28 |       ...tweet,
29 |       retweeted_status: favoriteDestroy(tweet.retweeted_status)
30 |     };
31 |   } else if (tweet.id_str === tweetId) {
32 |     return favoriteDestroy(tweet);
33 |   }
34 |   return tweet;
35 | });
36 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | The MIT License (MIT)
 2 | 
 3 | Copyright (c) 2017 Kazuki Shibata
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in
13 | all copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
21 | THE SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/app/actions/siteStream.js:
--------------------------------------------------------------------------------
 1 | import { createAction } from 'redux-actions';
 2 | 
 3 | export const REQUEST_STREAM_SITE_FOLLOW = 'REQUEST_STREAM_SITE_FOLLOW';
 4 | export const SUCCESS_STREAM_SITE_FOLLOW = 'SUCCESS_STREAM_SITE_FOLLOW';
 5 | export const FAILURE_STREAM_SITE_FOLLOW = 'FAILURE_STREAM_SITE_FOLLOW';
 6 | 
 7 | export const requestStreamSiteFollow = (dispatch, listId) => ({
 8 |   type: REQUEST_STREAM_SITE_FOLLOW,
 9 |   dispatch,
10 |   listId
11 | });
12 | export const successStreamSiteFollow = createAction(SUCCESS_STREAM_SITE_FOLLOW);
13 | export const failureStreamSiteFollow = createAction(FAILURE_STREAM_SITE_FOLLOW);
14 | 
15 | export const REQUEST_STREAM_SITE_TRACK = 'REQUEST_STREAM_SITE_TRACK';
16 | export const SUCCESS_STREAM_SITE_TRACK = 'SUCCESS_STREAM_SITE_TRACK';
17 | export const FAILURE_STREAM_SITE_TRACK = 'FAILURE_STREAM_SITE_TRACK';
18 | 
19 | export const requestStreamSiteTrack = (dispatch, keyword) => ({
20 |   type: REQUEST_STREAM_SITE_TRACK,
21 |   dispatch,
22 |   keyword
23 | });
24 | export const successStreamSiteTrack = createAction(SUCCESS_STREAM_SITE_TRACK);
25 | export const failureStreamSiteTrack = createAction(FAILURE_STREAM_SITE_TRACK);
26 | 


--------------------------------------------------------------------------------
/app/components/Molecules/RetweetModal/RetweetModal.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import Modal from 'react-awesome-modal';
 3 | import RetweetActions from '../../Atoms/RetweetActions/RetweetActions';
 4 | import Meta from '../../Molecules/Meta/Meta';
 5 | import Text from '../../Atoms/Text/Text';
 6 | import styles from './retweetModal.css';
 7 | 
 8 | function putTweetIfValid(tweet) {
 9 |   if (tweet.id_str) {
10 |     return (
11 |       <dl className={styles.retweetWrapper}>
12 |         <dt>
13 |           <Meta tweet={tweet} />
14 |         </dt>
15 |         <dd>
16 |           <Text tweet={tweet} />
17 |         </dd>
18 |       </dl>
19 |     );
20 |   }
21 |   return (
22 |     <p>No Display</p>
23 |   );
24 | }
25 | 
26 | export default props => (
27 |   <Modal visible={props.modal} width="340" effect="fadeInDown" onClickAway={() => props.closeRetweetModal()}>
28 |     <div className={styles.modal}>
29 |       {putTweetIfValid(props.tweet)}
30 |       <p className={styles.title}>Are you sure you wanna retweet this?</p>
31 |       <div className={styles.actions}>
32 |         <RetweetActions {...props} />
33 |       </div>
34 |     </div>
35 |   </Modal>
36 | );
37 | 


--------------------------------------------------------------------------------
/dist/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 |     <head>
 4 |         <meta charset="UTF-8">
 5 |         <title>worc</title>
 6 |     </head>
 7 |     <body>
 8 |         <div id="app" className="Wrapper" />
 9 |         <script src="entry.js"></script>
10 |         <script>
11 |             (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
12 |             (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
13 |             m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
14 |             })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
15 | 
16 |             (() => {
17 |               'use strict';
18 |               let ElectronCookies = require('@exponent/electron-cookies');
19 |               ElectronCookies.enable({ origin: 'https://example.com' });
20 | 
21 |               ga('create', 'UA-88247026-1', 'auto');
22 |               ga('set', 'location', 'https://example.com/');
23 |               ga('set', 'checkProtocolTask', null);
24 |               ga('send', 'pageview');
25 |             })();
26 |         </script>
27 |     </body>
28 | </html>
29 | 


--------------------------------------------------------------------------------
/app/main.js:
--------------------------------------------------------------------------------
 1 | import { app, BrowserWindow, shell, screen, Menu } from 'electron';
 2 | import storage from 'electron-json-storage';
 3 | import Authentication from './utils/authentication';
 4 | import menu from './menu';
 5 | 
 6 | let mainWindow = null;
 7 | 
 8 | app.on('window-all-closed', () => {
 9 |   if (process.platform !== 'darwin') {
10 |     app.quit();
11 |   }
12 | });
13 | 
14 | app.on('ready', () => {
15 |   Menu.setApplicationMenu(menu);
16 |   new Authentication((token) => {
17 |     storage.set('auth', token, (error) => {
18 |       if (error) throw error;
19 |     });
20 | 
21 |     mainWindow = new BrowserWindow({
22 |       x: 0,
23 |       y: 0,
24 |       width: 500,
25 |       height: screen.getPrimaryDisplay().size.height,
26 |       webPreferences: {
27 |         webSecurity: false
28 |       }
29 |     });
30 | 
31 |     mainWindow.webContents.on('new-window', (e, url) => {
32 |       e.preventDefault();
33 |       shell.openExternal(url);
34 |     });
35 | 
36 |     mainWindow.loadURL(`file://${__dirname}/index.html`);
37 |     // mainWindow.openDevTools(true);
38 | 
39 |     mainWindow.on('closed', () => {
40 |       mainWindow = null;
41 |     });
42 |   });
43 | });
44 | 


--------------------------------------------------------------------------------
/webpack.config.js:
--------------------------------------------------------------------------------
 1 | var webpack = require('webpack');
 2 | var cssImport = require('postcss-import');
 3 | var cssNested = require('postcss-nested');
 4 | 
 5 | module.exports = {
 6 |   context : __dirname,
 7 |   entry : {
 8 |     main  : './app/main.js',
 9 |     entry : './app/entry.js'
10 |   },
11 |   output : {
12 |     path : './dist',
13 |     filename : '[name].js',
14 |   },
15 |   node : {
16 |     __dirname  : false
17 |   },
18 |   module : {
19 |     loaders : [
20 |       {
21 |         test : /\.js$/,
22 |         loader : 'babel-loader',
23 |         exclude : /node_modules/
24 |       },
25 |       {
26 |         test : /\.json$/,
27 |         loader : 'json?sourceMap'
28 |       },
29 |       {
30 |         test: /\.css$/,
31 |         loaders: ['style', 'css?modules&localIdentName=[local]--[hash:base64:5]', 'postcss'],
32 |       },
33 |       {
34 |         test: /\.svg$/,
35 |         loader: 'svg-url-loader'
36 |       },
37 |       {
38 |         test: /\.js$/,
39 |         loader: 'eslint-loader',
40 |         exclude: /node_modules/
41 |       }
42 |     ]
43 |   },
44 |   postcss : [cssImport, cssNested],
45 |   target : 'electron',
46 |   eslint: {
47 |     fix: true
48 |   }
49 | };
50 | 


--------------------------------------------------------------------------------
/app/containers/Modules/ListsTimeline.js:
--------------------------------------------------------------------------------
 1 | import { connect } from 'react-redux';
 2 | import ListsTimeline from '../../components/Modules/ListsTimeline/ListsTimeline';
 3 | import { requestGetListsStatuses } from '../../actions/lists';
 4 | import { requestStreamSiteFollow } from '../../actions/siteStream';
 5 | import { requestGetUsersShow } from '../../actions/users';
 6 | import { requestGetSearchTweets } from '../../actions/search';
 7 | 
 8 | const mapStateToProps = state => ({
 9 |   gettingTimeline: state.listsReducer.gettingStatuses,
10 |   timeline: state.listsReducer.statuses,
11 |   user: state.userReducer.user
12 | });
13 | 
14 | const mapDispatchToProps = (dispatch, ownProps) => ({
15 |   requestGetTimeline() {
16 |     dispatch(requestGetListsStatuses(ownProps.match.params.listId));
17 |   },
18 |   requestStreamSiteFollow() {
19 |     dispatch(requestStreamSiteFollow(
20 |       dispatch,
21 |       ownProps.match.params.listId
22 |     ));
23 |   },
24 |   requestGetUsersShow(id) {
25 |     dispatch(requestGetUsersShow(id));
26 |   },
27 |   requestGetSearchTweets(q) {
28 |     dispatch(requestGetSearchTweets(q));
29 |   }
30 | });
31 | 
32 | export default connect(mapStateToProps, mapDispatchToProps)(ListsTimeline);
33 | 


--------------------------------------------------------------------------------
/app/containers/Modules/SearchTimeline.js:
--------------------------------------------------------------------------------
 1 | import { connect } from 'react-redux';
 2 | import SearchTimeline from '../../components/Modules/SearchTimeline/SearchTimeline';
 3 | import { requestGetSearchTweets, inputQuery } from '../../actions/search';
 4 | import { requestStreamSiteTrack } from '../../actions/siteStream';
 5 | import { requestGetUsersShow } from '../../actions/users';
 6 | 
 7 | const mapStateToProps = state => ({
 8 |   gettingTimeline: state.searchReducer.gettingStatuses,
 9 |   timeline: state.searchReducer.statuses,
10 |   query: state.searchReducer.query,
11 |   user: state.userReducer.user
12 | });
13 | 
14 | const mapDispatchToProps = dispatch => ({
15 |   inputQuery(value) {
16 |     dispatch(inputQuery(value));
17 |   },
18 |   requestGetTimeline(q) {
19 |     dispatch(requestGetSearchTweets(q));
20 |   },
21 |   requestStreamSiteTrack(keyword) {
22 |     dispatch(requestStreamSiteTrack(
23 |       dispatch,
24 |       keyword
25 |     ));
26 |   },
27 |   requestGetUsersShow(id) {
28 |     dispatch(requestGetUsersShow(id));
29 |   },
30 |   requestGetSearchTweets(q) {
31 |     dispatch(requestGetSearchTweets(q));
32 |   }
33 | });
34 | 
35 | export default connect(mapStateToProps, mapDispatchToProps)(SearchTimeline);
36 | 


--------------------------------------------------------------------------------
/app/sagas/streams/siteStream.js:
--------------------------------------------------------------------------------
 1 | import { call, take } from 'redux-saga/effects';
 2 | import { REQUEST_STREAM_SITE_FOLLOW, successStreamSiteFollow, REQUEST_STREAM_SITE_TRACK, successStreamSiteTrack } from '../../actions/siteStream';
 3 | import { createTwitterClient } from '../../utils/twitterClient';
 4 | 
 5 | export function* handleStreamSiteFollow() {
 6 |   const { dispatch, listId } = yield take(REQUEST_STREAM_SITE_FOLLOW);
 7 |   const client = yield call(createTwitterClient);
 8 |   const { data } = yield client.twGetPromise('lists/members', { list_id: listId, count: 1000 });
 9 |   const users = data.users.map(user => user.id_str).join(',');
10 |   client.twStream('statuses/filter', { follow: users }, (stream) => {
11 |     stream.on('data', (followData) => {
12 |       dispatch(successStreamSiteFollow({ followData }));
13 |     });
14 |   });
15 | }
16 | 
17 | export function* handleStreamSiteTrack() {
18 |   const { dispatch, keyword } = yield take(REQUEST_STREAM_SITE_TRACK);
19 |   const client = yield call(createTwitterClient);
20 |   client.twStream('statuses/filter', { track: keyword }, (stream) => {
21 |     stream.on('data', (trackData) => {
22 |       dispatch(successStreamSiteTrack({ trackData }));
23 |     });
24 |   });
25 | }
26 | 


--------------------------------------------------------------------------------
/app/components/Organisms/User/User.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import UserInfo from '../../Molecules/UserInfo/UserInfo';
 3 | import UserCounts from '../../Molecules/UserCounts/UserCounts';
 4 | import styles from './user.css';
 5 | 
 6 | export default ({
 7 |   imageUrl = '',
 8 |   backgroundImageUrl = '',
 9 |   idStr = '',
10 |   name = '',
11 |   screenName = '',
12 |   description = '',
13 |   statusesCount = '',
14 |   friendsCount = '',
15 |   followersCount = '',
16 |   closeModal
17 | }) => {
18 |   const style = {
19 |     background: `url(${backgroundImageUrl}) repeat center -40px`
20 |   };
21 |   return (
22 |     <div className={styles.user} style={style}>
23 |       <div className={styles.whiteArea}>
24 |         <UserInfo
25 |           idStr={idStr}
26 |           url={imageUrl}
27 |           name={name}
28 |           screenName={screenName}
29 |           closeModal={closeModal}
30 |         />
31 |         <p className={styles.description}>{description}</p>
32 |         <UserCounts
33 |           idStr={idStr}
34 |           statusesCount={statusesCount}
35 |           friendsCount={friendsCount}
36 |           followersCount={followersCount}
37 |           closeModal={closeModal}
38 |         />
39 |       </div>
40 |     </div>
41 |   );
42 | };
43 | 


--------------------------------------------------------------------------------
/app/actions/favorites.js:
--------------------------------------------------------------------------------
 1 | import { createAction } from 'redux-actions';
 2 | 
 3 | export const REQUEST_POST_FAVORITES_CREATE = 'REQUEST_POST_FAVORITES_CREATE';
 4 | export const SUCCESS_POST_FAVORITES_CREATE = 'SUCCESS_POST_FAVORITES_CREATE';
 5 | export const FAILURE_POST_FAVORITES_CREATE = 'FAILURE_POST_FAVORITES_CREATE';
 6 | export const requestPostFavoritesCreate = createAction(REQUEST_POST_FAVORITES_CREATE);
 7 | export const successPostFavoritesCreate = createAction(SUCCESS_POST_FAVORITES_CREATE);
 8 | export const failurePostFavoritesCreate = createAction(FAILURE_POST_FAVORITES_CREATE);
 9 | 
10 | export const REQUEST_POST_FAVORITES_DESTROY = 'REQUEST_POST_FAVORITES_DESTROY';
11 | export const SUCCESS_POST_FAVORITES_DESTROY = 'SUCCESS_POST_FAVORITES_DESTROY';
12 | export const FAILURE_POST_FAVORITES_DESTROY = 'FAILURE_POST_FAVORITES_DESTROY';
13 | export const requestPostFavoritesDestroy = createAction(REQUEST_POST_FAVORITES_DESTROY);
14 | export const successPostFavoritesDestroy = createAction(SUCCESS_POST_FAVORITES_DESTROY);
15 | export const failurePostFavoritesDestroy = createAction(FAILURE_POST_FAVORITES_DESTROY);
16 | 
17 | export const INPUT_FAVORITES_CREATE = 'INPUT_FAVORITES_CREATE';
18 | export const inputFavoritesCreate = createAction(INPUT_FAVORITES_CREATE);
19 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Worc
 2 | [![Build Status](https://travis-ci.org/shibe97/worc.svg?branch=master)](https://travis-ci.org/shibe97/worc)
 3 | 
 4 | ![icon_256x256](https://cloud.githubusercontent.com/assets/4659294/20754301/aa834144-b74d-11e6-9473-b3cac2f1ebae.png)
 5 | 
 6 | # Motivation
 7 | Twitter is one of the great information gathering tool.  
 8 | You guys wanna use twitter during your working time.
 9 | 
10 | Worc is made for you.  
11 | A quiet twitter client made by Electron.
12 | 
13 | # Downloads
14 | You can download from following link.
15 | 
16 | [https://shibe97.github.io/worc/](https://shibe97.github.io/worc/)
17 | 
18 | **-NOTICE-**  
19 | This application is not signed.  
20 | You need to open it from right click.
21 | 
22 | # Screenshots
23 | ![ss_timeline_02](https://cloud.githubusercontent.com/assets/4659294/24149017/79b4273e-0e84-11e7-8b07-ce6245b76884.png)
24 | ![ss_modal_02](https://cloud.githubusercontent.com/assets/4659294/24149016/79b2635e-0e84-11e7-84c3-0a8e40633113.png)
25 | 
26 | 
27 | # How To Develop
28 | ## Setup
29 | ```
30 | $ npm install
31 | ```
32 | 
33 | ## Build
34 | ```
35 | $ npm run build
36 | ```
37 | 
38 | ## Watch and auto build
39 | ```
40 | $ npm run watch
41 | ```
42 | 
43 | ## Test
44 | ```
45 | $ npm test
46 | ```
47 | 
48 | # License
49 | MIT
50 | 


--------------------------------------------------------------------------------
/app/components/Atoms/Button/button.css:
--------------------------------------------------------------------------------
 1 | @import '../../../styles/variable';
 2 | 
 3 | .button {
 4 |     display: inline-block;
 5 |     border: none;
 6 |     border-radius: 3px;
 7 |     padding: 5px 8px;
 8 |     font-size: 14px;
 9 |     cursor: pointer;
10 | 
11 |     &:hover {
12 |         text-decoration: none;
13 |     }
14 | 
15 |     &.disabled, &:disabled {
16 |         background-image: none;
17 |         background-color: #ccc;
18 |         color: #999;
19 |         cursor: default;
20 | 
21 |         &:hover {
22 |             background-color: #ccc;
23 |             background-image: none;
24 |         }
25 |     }
26 | }
27 | 
28 | .normal {
29 |     background: -moz-linear-gradient(top, #fff, #ddd);
30 |     background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
31 |     background-color: #ddd;
32 |     color: #333;
33 |     box-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
34 | 
35 |     &:hover {
36 |         background: -moz-linear-gradient(top, #fafafa, #d8d8d8);
37 |         background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#d8d8d8));
38 |         background-color: #ddd;
39 |     }
40 | }
41 | 
42 | .submit {
43 |     background-color: var(--color-submit);
44 |     color: #fff;
45 | 
46 |     &:hover {
47 |         opacity: 0.9;
48 |     }
49 | }
50 | 


--------------------------------------------------------------------------------
/app/sagas/favorites/favorites.js:
--------------------------------------------------------------------------------
 1 | import { call, put, take } from 'redux-saga/effects';
 2 | import {
 3 |   REQUEST_POST_FAVORITES_CREATE,
 4 |   REQUEST_POST_FAVORITES_DESTROY,
 5 |   successPostFavoritesCreate,
 6 |   successPostFavoritesDestroy,
 7 |   failurePostFavoritesCreate,
 8 |   failurePostFavoritesDestroy
 9 | } from '../../actions/favorites';
10 | import { createTwitterClient } from '../../utils/twitterClient';
11 | 
12 | export function* handlePostFavoritesCreate() {
13 |   while (true) {
14 |     const { payload } = yield take(REQUEST_POST_FAVORITES_CREATE);
15 |     yield put(successPostFavoritesCreate({ id: payload }));
16 |     const client = yield call(createTwitterClient);
17 |     const { error } = yield client.twPostPromise('favorites/create', { id: payload });
18 |     if (error) {
19 |       yield put(failurePostFavoritesCreate({ error }));
20 |     }
21 |   }
22 | }
23 | 
24 | export function* handlePostFavoritesDestroy() {
25 |   while (true) {
26 |     const { payload } = yield take(REQUEST_POST_FAVORITES_DESTROY);
27 |     yield put(successPostFavoritesDestroy({ id: payload }));
28 |     const client = yield call(createTwitterClient);
29 |     const { error } = yield client.twPostPromise('favorites/destroy', { id: payload });
30 |     if (error) {
31 |       yield put(failurePostFavoritesDestroy({ error }));
32 |     }
33 |   }
34 | }
35 | 


--------------------------------------------------------------------------------
/app/sagas/index.js:
--------------------------------------------------------------------------------
 1 | import { fork } from 'redux-saga/effects';
 2 | import handleGetHomeTimeline from './statuses/homeTimeline';
 3 | import handleGetUserTimeline from './statuses/userTimeline';
 4 | import handleGetMentionsTimeline from './statuses/mentionsTimeline';
 5 | import handlePostUpdate from './statuses/update';
 6 | import { handlePostFavoritesCreate, handlePostFavoritesDestroy } from './favorites/favorites';
 7 | import handlePostRetweet from './statuses/retweet';
 8 | import handleStreamUser from './streams/userStream';
 9 | import { handleStreamSiteFollow, handleStreamSiteTrack } from './streams/siteStream';
10 | import handleGetList from './lists/list';
11 | import handleGetListsStatuses from './lists/statuses';
12 | import handleGetSearchTweets from './search/tweets';
13 | import handleGetUsersShow from './users/show';
14 | 
15 | export default function* rootSaga() {
16 |   yield fork(handleGetHomeTimeline);
17 |   yield fork(handleGetUserTimeline);
18 |   yield fork(handleGetMentionsTimeline);
19 |   yield fork(handlePostUpdate);
20 |   yield fork(handlePostFavoritesCreate);
21 |   yield fork(handlePostFavoritesDestroy);
22 |   yield fork(handlePostRetweet);
23 |   yield fork(handleStreamUser);
24 |   yield fork(handleStreamSiteFollow);
25 |   yield fork(handleStreamSiteTrack);
26 |   yield fork(handleGetList);
27 |   yield fork(handleGetListsStatuses);
28 |   yield fork(handleGetSearchTweets);
29 |   yield fork(handleGetUsersShow);
30 | }
31 | 


--------------------------------------------------------------------------------
/docs/images/lists.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 4 | <svg version="1.1" id="Слой_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 5 | 	 width="800px" height="800px" viewBox="0 0 800 800" enable-background="new 0 0 800 800" xml:space="preserve">
 6 | <g id="List">
 7 | 	<path fill="#445566" d="M300,175h475c15,0,25-10,25-25s-10-25-25-25H300c-15,0-25,10-25,25S285,175,300,175z"/>
 8 | 	<path fill="#445566" d="M775,375H300c-15,0-25,10-25,25s10,25,25,25h475c15,0,25-10,25-25S790,375,775,375z"/>
 9 | 	<path fill="#445566" d="M775,625H300c-15,0-25,10-25,25s10,25,25,25h475c15,0,25-10,25-25S790,625,775,625z"/>
10 | 	<path fill="#445566" d="M100,50C45,50,0,95,0,150s45,100,100,100s100-45,100-100S155,50,100,50z M100,200c-27.5,0-50-22.5-50-50
11 | 		s22.5-50,50-50s50,22.5,50,50S127.5,200,100,200z"/>
12 | 	<path fill="#445566" d="M100,300C45,300,0,345,0,400s45,100,100,100s100-45,100-100S155,300,100,300z M100,450
13 | 		c-27.5,0-50-22.5-50-50s22.5-50,50-50s50,22.5,50,50S127.5,450,100,450z"/>
14 | 	<path fill="#445566" d="M100,550C45,550,0,595,0,650s45,100,100,100s100-45,100-100S155,550,100,550z M100,700
15 | 		c-27.5,0-50-22.5-50-50s22.5-50,50-50s50,22.5,50,50S127.5,700,100,700z"/>
16 | </g>
17 | </svg>
18 | 


--------------------------------------------------------------------------------
/app/components/Atoms/NavigationItem/lists.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 4 | <svg version="1.1" id="Слой_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 5 | 	 width="800px" height="800px" viewBox="0 0 800 800" enable-background="new 0 0 800 800" xml:space="preserve">
 6 | <g id="List">
 7 | 	<path fill="#445566" d="M300,175h475c15,0,25-10,25-25s-10-25-25-25H300c-15,0-25,10-25,25S285,175,300,175z"/>
 8 | 	<path fill="#445566" d="M775,375H300c-15,0-25,10-25,25s10,25,25,25h475c15,0,25-10,25-25S790,375,775,375z"/>
 9 | 	<path fill="#445566" d="M775,625H300c-15,0-25,10-25,25s10,25,25,25h475c15,0,25-10,25-25S790,625,775,625z"/>
10 | 	<path fill="#445566" d="M100,50C45,50,0,95,0,150s45,100,100,100s100-45,100-100S155,50,100,50z M100,200c-27.5,0-50-22.5-50-50
11 | 		s22.5-50,50-50s50,22.5,50,50S127.5,200,100,200z"/>
12 | 	<path fill="#445566" d="M100,300C45,300,0,345,0,400s45,100,100,100s100-45,100-100S155,300,100,300z M100,450
13 | 		c-27.5,0-50-22.5-50-50s22.5-50,50-50s50,22.5,50,50S127.5,450,100,450z"/>
14 | 	<path fill="#445566" d="M100,550C45,550,0,595,0,650s45,100,100,100s100-45,100-100S155,550,100,550z M100,700
15 | 		c-27.5,0-50-22.5-50-50s22.5-50,50-50s50,22.5,50,50S127.5,700,100,700z"/>
16 | </g>
17 | </svg>
18 | 


--------------------------------------------------------------------------------
/app/components/Modules/App/app.css:
--------------------------------------------------------------------------------
 1 | html{color:#333;background:#FFF;}
 2 | body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th {margin:0;padding:0;}
 3 | table{border-collapse:collapse;border-spacing:0;}
 4 | fieldset,img{border:0;}
 5 | address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
 6 | li{list-style:none;}
 7 | caption,th{text-align:left;}
 8 | h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
 9 | q:before,q:after{content:'';}
10 | abbr,acronym {border:0;font-variant:normal;}
11 | /* to preserve line-height and selector appearance */
12 | sup {vertical-align:text-top;}
13 | sub {vertical-align:text-bottom;}
14 | input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
15 | /*to enable resizing for IE*/
16 | /*input,textarea,select{*font-size:100%;}*/
17 | input,textarea{*font-size:100%;} 
18 | /*because legend doesn't inherit in IE */
19 | legend{color:#333;}
20 | a:active,a:focus{outline:none;}
21 | hr.separate{display: none;}
22 | * {
23 |     box-sizing: border-box;
24 | }
25 | 
26 | body {
27 |     font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, "riff-icon", sans-serif;
28 | }
29 | 
30 | a {
31 |     color: #009999;
32 | }
33 | 
34 | .left {
35 |   position: fixed;
36 |   top: 0;
37 |   left: 0;
38 |   width: 60px;
39 |   height: 100%;
40 | }
41 | 
42 | .right {
43 |   padding-left: 60px;
44 |   height: 100vh;
45 | }
46 | 


--------------------------------------------------------------------------------
/app/reducers/update.test.js:
--------------------------------------------------------------------------------
 1 | import updateReducer from './update';
 2 | 
 3 | const initialItems = {
 4 |   update: '',
 5 |   remainingCharacters: 140,
 6 |   postingUpdate: false
 7 | };
 8 | 
 9 | describe('request post update', () => {
10 |   const action = {
11 |     type : 'REQUEST_POST_UPDATE'
12 |   };
13 |   test('set a requesting flag', () => {
14 |     expect(updateReducer(initialItems, action).postingUpdate).toBe(true);
15 |   });
16 | });
17 | 
18 | describe('success post update', () => {
19 |   const action = {
20 |     type : 'SUCCESS_POST_UPDATE'
21 |   };
22 |   test('drop a requesting flag', () => {
23 |     expect(updateReducer(initialItems, action).postingUpdate).toBe(false);
24 |   });
25 |   test('delete update', () => {
26 |     expect(updateReducer(initialItems, action).update).toBe('');
27 |   });
28 | });
29 | 
30 | describe('failure post update', () => {
31 |   const action = {
32 |     type : 'FAILURE_POST_UPDATE'
33 |   };
34 |   test('drop a requesting flag', () => {
35 |     expect(updateReducer(initialItems, action).postingUpdate).toBe(false);
36 |   });
37 | });
38 | 
39 | describe('input update', () => {
40 |   const text = 'input update test.';
41 |   const action = {
42 |     type : 'INPUT_UPDATE',
43 |     payload : text
44 |   };
45 |   test('set update', () => {
46 |     expect(updateReducer(initialItems, action).update).toBe(text);
47 |   });
48 |   test('match remainingCharacters', () => {
49 |     expect(updateReducer(initialItems, action).remainingCharacters).toBe(140 - text.length);
50 |   });
51 | });
52 | 


--------------------------------------------------------------------------------
/app/containers/Modules/UserTimeline.js:
--------------------------------------------------------------------------------
 1 | import { connect } from 'react-redux';
 2 | import Timeline from '../../components/Modules/Timeline/Timeline';
 3 | import { requestGetUserTimeline } from '../../actions/timeline';
 4 | import { setUser } from '../../actions/user';
 5 | import { requestPostFavoritesCreate, requestPostFavoritesDestroy } from '../../actions/favorites';
 6 | import { openRetweetModal } from '../../actions/retweet';
 7 | import { requestGetUsersShow } from '../../actions/users';
 8 | import { requestGetSearchTweets } from '../../actions/search';
 9 | 
10 | const mapStateToProps = state => ({
11 |   gettingTimeline: state.userTimelineReducer.gettingTimeline,
12 |   timeline: state.userTimelineReducer.timeline,
13 |   user: state.userReducer.user,
14 |   userModal: state.userReducer.modal
15 | });
16 | 
17 | const mapDispatchToProps = dispatch => ({
18 |   requestGetTimeline(userId) {
19 |     dispatch(requestGetUserTimeline(userId));
20 |   },
21 |   requestPostFavoritesCreate(tweetId) {
22 |     dispatch(requestPostFavoritesCreate(tweetId));
23 |   },
24 |   requestPostFavoritesDestroy(tweetId) {
25 |     dispatch(requestPostFavoritesDestroy(tweetId));
26 |   },
27 |   setUser(user) {
28 |     dispatch(setUser(user));
29 |   },
30 |   openRetweetModal(tweet) {
31 |     dispatch(openRetweetModal(tweet));
32 |   },
33 |   requestGetUsersShow(id) {
34 |     dispatch(requestGetUsersShow(id));
35 |   },
36 |   requestGetSearchTweets(q) {
37 |     dispatch(requestGetSearchTweets(q));
38 |   }
39 | });
40 | 
41 | export default connect(mapStateToProps, mapDispatchToProps)(Timeline);
42 | 


--------------------------------------------------------------------------------
/app/components/Molecules/PostForm/PostForm.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import { Shortcuts } from 'react-shortcuts';
 3 | import Textarea from '../../Atoms/Textarea/Textarea';
 4 | import RemainingCharacters from '../../Atoms/RemainingCharacters/RemainingCharacters';
 5 | import Button from '../../Atoms/Button/Button';
 6 | import styles from './postForm.css';
 7 | 
 8 | function readyToPost(data) {
 9 |   return (
10 |     !data.postingUpdate &&
11 |     data.remainingCharacters >= 0 &&
12 |     data.remainingCharacters < 140
13 |   );
14 | }
15 | 
16 | export default ({ data = {}, inputUpdate, requestPostUpdate }) => (
17 |   <form className={styles.postForm}>
18 |     <Shortcuts
19 |       name="POSTFORM" handler={(action) => {
20 |         switch (action) {
21 |           case 'POST':
22 |             if (readyToPost(data)) {
23 |               requestPostUpdate(data.update);
24 |             }
25 |             break;
26 |           default:
27 |             break;
28 |         }
29 |       }}
30 |     >
31 |       <Textarea value={data.update} inputUpdate={inputUpdate} />
32 |     </Shortcuts>
33 |     <div className={styles.actions}>
34 |       <RemainingCharacters remainingCharacters={data.remainingCharacters} />
35 |       <span className={styles.button}>
36 |         <Button
37 |           type="normal"
38 |           value="Post"
39 |           onClick={() => requestPostUpdate(data.update)}
40 |           disabled={!readyToPost(data)}
41 |           title={process.platform === 'darwin' ? 'Cmd+Enter' : 'Ctrl+Enter'}
42 |         />
43 |       </span>
44 |     </div>
45 |   </form>
46 | );
47 | 


--------------------------------------------------------------------------------
/app/actions/timeline.js:
--------------------------------------------------------------------------------
 1 | import { createAction } from 'redux-actions';
 2 | 
 3 | export const REQUEST_GET_HOME_TIMELINE = 'REQUEST_GET_HOME_TIMELINE';
 4 | export const SUCCESS_GET_HOME_TIMELINE = 'SUCCESS_GET_HOME_TIMELINE';
 5 | export const FAILURE_GET_HOME_TIMELINE = 'FAILURE_GET_HOME_TIMELINE';
 6 | export const requestGetHomeTimeline = createAction(REQUEST_GET_HOME_TIMELINE);
 7 | export const successGetHomeTimeline = createAction(SUCCESS_GET_HOME_TIMELINE);
 8 | export const failureGetHomeTimeline = createAction(FAILURE_GET_HOME_TIMELINE);
 9 | 
10 | export const REQUEST_GET_USER_TIMELINE = 'REQUEST_GET_USER_TIMELINE';
11 | export const SUCCESS_GET_USER_TIMELINE = 'SUCCESS_GET_USER_TIMELINE';
12 | export const FAILURE_GET_USER_TIMELINE = 'FAILURE_GET_USER_TIMELINE';
13 | export const requestGetUserTimeline = createAction(REQUEST_GET_USER_TIMELINE);
14 | export const successGetUserTimeline = createAction(SUCCESS_GET_USER_TIMELINE);
15 | export const failureGetUserTimeline = createAction(FAILURE_GET_USER_TIMELINE);
16 | 
17 | export const REQUEST_GET_MENTIONS_TIMELINE = 'REQUEST_GET_MENTIONS_TIMELINE';
18 | export const SUCCESS_GET_MENTIONS_TIMELINE = 'SUCCESS_GET_MENTIONS_TIMELINE';
19 | export const FAILURE_GET_MENTIONS_TIMELINE = 'FAILURE_GET_MENTIONS_TIMELINE';
20 | export const requestGetMentionsTimeline = createAction(REQUEST_GET_MENTIONS_TIMELINE);
21 | export const successGetMentionsTimeline = createAction(SUCCESS_GET_MENTIONS_TIMELINE);
22 | export const failureGetMentionsTimeline = createAction(FAILURE_GET_MENTIONS_TIMELINE);
23 | 
24 | export const RESET_TIMELINE = 'RESET_TIMELINE';
25 | export const resetTimeline = createAction(RESET_TIMELINE);
26 | 


--------------------------------------------------------------------------------
/app/entry.js:
--------------------------------------------------------------------------------
 1 | import 'babel-polyfill';
 2 | import React from 'react';
 3 | import { render } from 'react-dom';
 4 | import { compose, createStore, applyMiddleware, combineReducers } from 'redux';
 5 | import { Provider } from 'react-redux';
 6 | // import createLogger from 'redux-logger';
 7 | import createSagaMiddleware from 'redux-saga';
 8 | import rootSaga from './sagas';
 9 | 
10 | // Routing
11 | import Routes from './routes';
12 | 
13 | // Reducer
14 | import homeTimelineReducer from './reducers/homeTimeline';
15 | import userTimelineReducer from './reducers/userTimeline';
16 | import mentionsTimelineReducer from './reducers/mentionsTimeline';
17 | import searchReducer from './reducers/searchTimeline';
18 | import userReducer from './reducers/user';
19 | import retweetReducer from './reducers/retweet';
20 | import updateReducer from './reducers/update';
21 | import listsReducer from './reducers/lists';
22 | 
23 | // Middleware
24 | const sagaMiddleware = createSagaMiddleware();
25 | // const logger = createLogger();
26 | // const middleware = [ sagaMiddleware, logger ];
27 | const middleware = [sagaMiddleware];
28 | 
29 | // Store
30 | const reducer = combineReducers({
31 |   homeTimelineReducer,
32 |   userTimelineReducer,
33 |   mentionsTimelineReducer,
34 |   searchReducer,
35 |   userReducer,
36 |   retweetReducer,
37 |   updateReducer,
38 |   listsReducer
39 | });
40 | 
41 | const finalCreateStore = compose(
42 |   applyMiddleware(...middleware)
43 | )(createStore);
44 | const store = finalCreateStore(reducer);
45 | sagaMiddleware.run(rootSaga);
46 | 
47 | render(
48 |   <Provider store={store}>
49 |     <Routes />
50 |   </Provider>,
51 |   document.getElementById('app')
52 | );
53 | 


--------------------------------------------------------------------------------
/app/utils/twitterClient.js:
--------------------------------------------------------------------------------
 1 | import Twitter from 'twitter';
 2 | import storage from 'electron-json-storage';
 3 | 
 4 | export default class TwitterClient {
 5 |   constructor(token) {
 6 |     this.client = new Twitter({
 7 |       consumer_key: 'ML0rRHB8yfuhxf3lR0DtTzW5j',
 8 |       consumer_secret: 'lhGbkm21g5e65fUKk3nAvG0DTQMXMQOneNymhmkex5DqFxipHy',
 9 |       access_token_key: token.accessToken,
10 |       access_token_secret: token.accessTokenSecret
11 |     });
12 |     this.user_id = token.user_id;
13 |     this.screen_name = token.screen_name;
14 |   }
15 | 
16 |   twGetPromise(api, params) {
17 |     return new Promise((resolve, reject) => {
18 |       this.client.get(api, params, (error, data) => {
19 |         if (error) {
20 |           reject({ error });
21 |         } else {
22 |           resolve({ data });
23 |         }
24 |       });
25 |     });
26 |   }
27 | 
28 |   twPostPromise(api, params) {
29 |     return new Promise((resolve, reject) => {
30 |       this.client.post(api, params, (error, data) => {
31 |         if (error) {
32 |           reject(new Error(error));
33 |         } else {
34 |           resolve(data);
35 |         }
36 |       });
37 |     });
38 |   }
39 | 
40 |   twStream(api, params, callback) {
41 |     this.client.stream(api, params, (stream) => {
42 |       callback(stream);
43 |     });
44 |   }
45 | }
46 | 
47 | export function createTwitterClient() {
48 |   return new Promise((resolve, reject) => {
49 |     storage.get('auth', (error, data) => {
50 |       if (error || Object.keys(data).length === 0) {
51 |         reject(new Error(error));
52 |       } else {
53 |         resolve(new TwitterClient(data));
54 |       }
55 |     });
56 |   });
57 | }
58 | 


--------------------------------------------------------------------------------
/app/components/Modules/SearchTimeline/SearchTimeline.js:
--------------------------------------------------------------------------------
 1 | import React, { Component } from 'react';
 2 | import Timeline from '../Timeline/Timeline';
 3 | import Button from '../../Atoms/Button/Button';
 4 | import styles from './searchTimeline.css';
 5 | 
 6 | export default class SearchTimeline extends Component {
 7 | 
 8 |   componentWillMount() {
 9 |     // this.props.requestStreamSiteTrack(this.props.query);
10 |   }
11 | 
12 |   handleKeyPress(e) {
13 |     if (e.key === 'Enter') {
14 |       this.requestGetTimeline();
15 |     }
16 |   }
17 | 
18 |   inputQuery(e, value) {
19 |     this.props.inputQuery(value);
20 |   }
21 | 
22 |   requestGetTimeline() {
23 |     if (this.props.query !== '') {
24 |       this.props.requestGetTimeline(this.props.query);
25 |     }
26 |   }
27 | 
28 |   render() {
29 |     return (
30 |       <div>
31 |         <div className={styles.searchArea}>
32 |           <input className={styles.inputText} type="text" value={this.props.query} onChange={e => this.inputQuery(e, e.target.value)} onKeyPress={e => this.handleKeyPress(e)} />
33 |           <Button
34 |             type="normal"
35 |             value="Search"
36 |             onClick={() => this.requestGetTimeline()}
37 |             disabled={this.props.gettingTimeline}
38 |           />
39 |         </div>
40 |         <Timeline
41 |           gettingTimeline={this.props.gettingTimeline}
42 |           timeline={this.props.timeline}
43 |           user={this.props.user}
44 |           requestGetTimeline={() => this.requestGetTimeline()}
45 |           requestGetUsersShow={this.props.requestGetUsersShow}
46 |           requestGetSearchTweets={this.props.requestGetSearchTweets}
47 |         />
48 |       </div>
49 |     );
50 |   }
51 | }
52 | 


--------------------------------------------------------------------------------
/docs/images/mac.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 4 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 5 | 	 width="800px" height="800px" viewBox="0 0 800 800" enable-background="new 0 0 800 800" xml:space="preserve">
 6 | <g>
 7 | 	<path fill="#FFFFFF" d="M290.156,199.062c15.938-0.312,42.812,9.844,69.219,20.625c43.281,17.344,50,18.125,93.281,0.312
 8 | 		c25.625-10.469,51.719-19.062,79.375-21.875c42.5-4.375,81.562,5.625,117.969,27.5c17.969,10.938,33.906,24.062,46.719,40.781
 9 | 		c4.375,5.625,4.531,8.75-2.031,13.125c-72.656,47.812-98.75,143.281-60.938,222.344c17.656,36.875,45.625,63.594,82.188,81.25
10 | 		c5.781,2.812,6.719,5.312,4.531,11.25c-18.438,51.25-44.531,97.969-79.062,140c-8.281,10-16.719,19.844-26.094,29.062
11 | 		C586.875,791.719,553.75,800.312,515,789.844c-16.875-4.531-32.656-12.031-49.062-17.656c-44.062-15.312-86.094-7.188-127.5,10.469
12 | 		c-15,6.406-30.469,10.469-46.562,12.188c-23.281,2.5-43.594-5.469-61.094-20.469c-34.844-29.688-61.719-65.938-84.531-105.469
13 | 		c-24.688-42.656-41.875-88.281-53.281-136.094c-10.781-45.156-15.312-90.781-10.156-137.031
14 | 		c4.688-42.656,17.656-82.656,43.281-117.344C163.281,228.125,213.125,200.469,290.156,199.062z"/>
15 | 	<path fill="#FFFFFF" d="M399.844,172.5c2.188-56.875,28.75-100.312,73.906-133.281c23.281-17.188,49.688-26.875,77.969-32.031
16 | 		c6.094-1.094,7.656,0.625,7.656,6.562c0.469,65-26.406,116.25-78.281,154.062c-20.938,15.312-45.781,21.875-72.031,21.562
17 | 		c-7.031,0-10.156-1.875-9.219-9.219C400.156,177.656,399.844,175,399.844,172.5z"/>
18 | </g>
19 | </svg>
20 | 


--------------------------------------------------------------------------------
/app/reducers/userTimeline.js:
--------------------------------------------------------------------------------
 1 | import { favoritesCreate, favoritesDestroy } from '../utils/favorite';
 2 | import { retweetsCreate, retweetsDestroy } from '../utils/retweet';
 3 | 
 4 | const initialState = {
 5 |   gettingTimeline: false,
 6 |   timeline: []
 7 | };
 8 | 
 9 | export default function userTimelineReducer(state = initialState, action) {
10 |   switch (action.type) {
11 |     case 'SYSTEM_ERROR':
12 |       return {
13 |         ...state,
14 |         gettingTimeline: false
15 |       };
16 | 
17 |     case 'REQUEST_GET_USER_TIMELINE':
18 |       return {
19 |         ...state,
20 |         gettingTimeline: true
21 |       };
22 | 
23 |     case 'SUCCESS_GET_USER_TIMELINE':
24 |       return {
25 |         ...state,
26 |         gettingTimeline: false,
27 |         timeline: action.payload.data
28 |       };
29 | 
30 |     case 'FAILURE_GET_USER_TIMELINE':
31 |       return {
32 |         ...state,
33 |         gettingTimeline: false
34 |       };
35 | 
36 |     case 'SUCCESS_POST_FAVORITES_CREATE':
37 |     case 'FAILURE_POST_FAVORITES_DESTROY':
38 |       return {
39 |         ...state,
40 |         timeline: favoritesCreate(state.timeline, action.payload.id)
41 |       };
42 | 
43 |     case 'SUCCESS_POST_FAVORITES_DESTROY':
44 |     case 'FAILURE_POST_FAVORITES_CREATE':
45 |       return {
46 |         ...state,
47 |         timeline: favoritesDestroy(state.timeline, action.payload.id)
48 |       };
49 | 
50 |     case 'SUCCESS_POST_RETWEET':
51 |       return {
52 |         ...state,
53 |         timeline: retweetsCreate(state.timeline, action.payload.id)
54 |       };
55 | 
56 |     case 'FAILURE_POST_RETWEET':
57 |       return {
58 |         ...state,
59 |         timeline: retweetsDestroy(state.timeline, action.payload.id)
60 |       };
61 | 
62 |     case 'RESET_TIMELINE':
63 |       return {
64 |         ...state,
65 |         timeline: []
66 |       };
67 | 
68 |     default:
69 |       break;
70 |   }
71 |   return state;
72 | }
73 | 


--------------------------------------------------------------------------------
/app/reducers/mentionsTimeline.js:
--------------------------------------------------------------------------------
 1 | import { favoritesCreate, favoritesDestroy } from '../utils/favorite';
 2 | import { retweetsCreate, retweetsDestroy } from '../utils/retweet';
 3 | 
 4 | const initialState = {
 5 |   gettingTimeline: false,
 6 |   timeline: []
 7 | };
 8 | 
 9 | export default function mentionsTimelineReducer(state = initialState, action) {
10 |   switch (action.type) {
11 |     case 'SYSTEM_ERROR':
12 |       return {
13 |         ...state,
14 |         gettingTimeline: false
15 |       };
16 | 
17 |     case 'REQUEST_GET_MENTIONS_TIMELINE':
18 |       return {
19 |         ...state,
20 |         gettingTimeline: true
21 |       };
22 | 
23 |     case 'SUCCESS_GET_MENTIONS_TIMELINE':
24 |       return {
25 |         ...state,
26 |         gettingTimeline: false,
27 |         timeline: action.payload.data
28 |       };
29 | 
30 |     case 'FAILURE_GET_MENTIONS_TIMELINE':
31 |       return {
32 |         ...state,
33 |         gettingTimeline: false
34 |       };
35 | 
36 |     case 'SUCCESS_POST_FAVORITES_CREATE':
37 |     case 'FAILURE_POST_FAVORITES_DESTROY':
38 |       return {
39 |         ...state,
40 |         timeline: favoritesCreate(state.timeline, action.payload.id)
41 |       };
42 | 
43 |     case 'SUCCESS_POST_FAVORITES_DESTROY':
44 |     case 'FAILURE_POST_FAVORITES_CREATE':
45 |       return {
46 |         ...state,
47 |         timeline: favoritesDestroy(state.timeline, action.payload.id)
48 |       };
49 | 
50 |     case 'SUCCESS_POST_RETWEET':
51 |       return {
52 |         ...state,
53 |         timeline: retweetsCreate(state.timeline, action.payload.id)
54 |       };
55 | 
56 |     case 'FAILURE_POST_RETWEET':
57 |       return {
58 |         ...state,
59 |         timeline: retweetsDestroy(state.timeline, action.payload.id)
60 |       };
61 | 
62 |     case 'RESET_TIMELINE':
63 |       return {
64 |         ...state,
65 |         timeline: []
66 |       };
67 | 
68 |     default:
69 |       break;
70 |   }
71 |   return state;
72 | }
73 | 


--------------------------------------------------------------------------------
/app/reducers/homeTimeline.js:
--------------------------------------------------------------------------------
 1 | import { favoritesCreate, favoritesDestroy } from '../utils/favorite';
 2 | import { retweetsCreate, retweetsDestroy } from '../utils/retweet';
 3 | 
 4 | const initialState = {
 5 |   gettingTimeline: false,
 6 |   timeline: []
 7 | };
 8 | 
 9 | export default function homeTimelineReducer(state = initialState, action) {
10 |   switch (action.type) {
11 |     case 'SYSTEM_ERROR':
12 |       return {
13 |         ...state,
14 |         gettingTimeline: false
15 |       };
16 | 
17 |     case 'REQUEST_GET_HOME_TIMELINE':
18 |       return {
19 |         ...state,
20 |         gettingTimeline: true
21 |       };
22 | 
23 |     case 'SUCCESS_GET_HOME_TIMELINE':
24 |       return {
25 |         ...state,
26 |         gettingTimeline: false,
27 |         timeline: action.payload.data
28 |       };
29 | 
30 |     case 'FAILURE_GET_HOME_TIMELINE':
31 |       return {
32 |         ...state,
33 |         gettingTimeline: false
34 |       };
35 | 
36 |     case 'SUCCESS_STREAM_USER':
37 |       return {
38 |         ...state,
39 |         timeline: [
40 |           action.payload.data,
41 |           ...state.timeline
42 |         ]
43 |       };
44 | 
45 |     case 'SUCCESS_POST_FAVORITES_CREATE':
46 |     case 'FAILURE_POST_FAVORITES_DESTROY':
47 |       return {
48 |         ...state,
49 |         timeline: favoritesCreate(state.timeline, action.payload.id)
50 |       };
51 | 
52 |     case 'SUCCESS_POST_FAVORITES_DESTROY':
53 |     case 'FAILURE_POST_FAVORITES_CREATE':
54 |       return {
55 |         ...state,
56 |         timeline: favoritesDestroy(state.timeline, action.payload.id)
57 |       };
58 | 
59 |     case 'SUCCESS_POST_RETWEET':
60 |       return {
61 |         ...state,
62 |         timeline: retweetsCreate(state.timeline, action.payload.id)
63 |       };
64 | 
65 |     case 'FAILURE_POST_RETWEET':
66 |       return {
67 |         ...state,
68 |         timeline: retweetsDestroy(state.timeline, action.payload.id)
69 |       };
70 | 
71 |     case 'RESET_TIMELINE':
72 |       return {
73 |         ...state,
74 |         timeline: []
75 |       };
76 | 
77 |     default:
78 |       break;
79 |   }
80 |   return state;
81 | }
82 | 


--------------------------------------------------------------------------------
/app/components/Modules/App/App.js:
--------------------------------------------------------------------------------
 1 | import React, { Component } from 'react';
 2 | import { Route } from 'react-router-dom';
 3 | import { ShortcutManager } from 'react-shortcuts';
 4 | import Menu from '../../Atoms/Menu/Menu';
 5 | import Navigation from '../../Molecules/Navigation/Navigation';
 6 | import PostForm from '../../../containers/Molecules/PostForm';
 7 | import styles from './app.css';
 8 | import keymap from '../../../keymap';
 9 | import HomeTimeline from '../../../containers/Modules/HomeTimeline';
10 | import UserTimeline from '../../../containers/Modules/UserTimeline';
11 | import MentionsTimeline from '../../../containers/Modules/MentionsTimeline';
12 | import Lists from '../../../containers/Molecules/Lists';
13 | import ListsTimeline from '../../../containers/Modules/ListsTimeline';
14 | import SearchTimeline from '../../../containers/Modules/SearchTimeline';
15 | 
16 | const shortcutManager = new ShortcutManager(keymap);
17 | 
18 | export default class App extends Component {
19 |   getChildContext() {
20 |     return { shortcuts: shortcutManager };
21 |   }
22 | 
23 |   componentDidMount() {
24 |     this.props.requestStreamUser();
25 |   }
26 | 
27 |   render() {
28 |     return (
29 |       <div>
30 |         <div className={styles.left}>
31 |           <Navigation resetTimeline={this.props.resetTimeline} pathname={this.props.pathname} />
32 |         </div>
33 |         <div className={styles.right}>
34 |           <Menu router={this.context.router} />
35 |           <PostForm />
36 |           <Route component={HomeTimeline} exact path="/" />
37 |           <Route component={HomeTimeline} path="/homeTimeline" />
38 |           <Route component={UserTimeline} path="/userTimeline/:id" />
39 |           <Route component={MentionsTimeline} path="/mentionsTimeline" />
40 |           <Route component={Lists} exact path="/lists" />
41 |           <Route component={ListsTimeline} path="/lists/:listId/:listName" />
42 |           <Route component={SearchTimeline} path="/searchTimeline" />
43 |         </div>
44 |       </div>
45 |     );
46 |   }
47 | }
48 | 
49 | App.childContextTypes = {
50 |   shortcuts: React.PropTypes.object.isRequired
51 | };
52 | App.contextTypes = {
53 |   router: React.PropTypes.object.isRequired
54 | };
55 | 
56 | 


--------------------------------------------------------------------------------
/app/reducers/searchTimeline.js:
--------------------------------------------------------------------------------
 1 | import { favoritesCreate, favoritesDestroy } from '../utils/favorite';
 2 | import { retweetsCreate, retweetsDestroy } from '../utils/retweet';
 3 | 
 4 | const initialState = {
 5 |   gettingStatuses: false,
 6 |   query: '',
 7 |   statuses: []
 8 | };
 9 | 
10 | export default function searchReducer(state = initialState, action) {
11 |   switch (action.type) {
12 |     case 'SYSTEM_ERROR':
13 |       return {
14 |         ...state,
15 |         gettingStatuses: false
16 |       };
17 | 
18 |     case 'INPUT_QUERY':
19 |       return {
20 |         ...state,
21 |         query: action.payload
22 |       };
23 | 
24 |     case 'REQUEST_GET_SEARCH_TWEETS':
25 |       return {
26 |         ...state,
27 |         query: action.payload,
28 |         gettingStatuses: true
29 |       };
30 | 
31 |     case 'SUCCESS_GET_SEARCH_TWEETS':
32 |       return {
33 |         ...state,
34 |         gettingStatuses: false,
35 |         statuses: action.payload.data.statuses
36 |       };
37 | 
38 |     case 'FAILURE_GET_SEARCH_TWEETS':
39 |       return {
40 |         ...state,
41 |         gettingStatuses: false
42 |       };
43 | 
44 |     case 'SUCCESS_POST_FAVORITES_CREATE':
45 |     case 'FAILURE_POST_FAVORITES_DESTROY':
46 |       return {
47 |         ...state,
48 |         statuses: favoritesCreate(state.statuses, action.payload.id)
49 |       };
50 | 
51 |     case 'SUCCESS_POST_FAVORITES_DESTROY':
52 |     case 'FAILURE_POST_FAVORITES_CREATE':
53 |       return {
54 |         ...state,
55 |         statuses: favoritesDestroy(state.statuses, action.payload.id)
56 |       };
57 | 
58 |     case 'SUCCESS_POST_RETWEET':
59 |       return {
60 |         ...state,
61 |         statuses: retweetsCreate(state.statuses, action.payload.id)
62 |       };
63 | 
64 |     case 'FAILURE_POST_RETWEET':
65 |       return {
66 |         ...state,
67 |         statuses: retweetsDestroy(state.statuses, action.payload.id)
68 |       };
69 | 
70 |     case 'SUCCESS_STREAM_SITE_TRACK':
71 |       return {
72 |         ...state,
73 |         statuses: [
74 |           action.payload.trackData,
75 |           ...state.statuses
76 |         ]
77 |       };
78 | 
79 |     case 'RESET_TIMELINE':
80 |       return {
81 |         ...state,
82 |         statuses: []
83 |       };
84 | 
85 |     default:
86 |       break;
87 |   }
88 |   return state;
89 | }
90 | 


--------------------------------------------------------------------------------
/app/utils/authentication.js:
--------------------------------------------------------------------------------
 1 | import { BrowserWindow, screen } from 'electron';
 2 | import NodeTwitterApi from 'node-twitter-api';
 3 | import storage from 'electron-json-storage';
 4 | 
 5 | let authWindow = null;
 6 | 
 7 | export default class Authentication {
 8 |   constructor(callback) {
 9 |     const nodeTwitterApi = new NodeTwitterApi({
10 |       callback: 'http://example.com',
11 |       consumerKey: 'ML0rRHB8yfuhxf3lR0DtTzW5j',
12 |       consumerSecret: 'lhGbkm21g5e65fUKk3nAvG0DTQMXMQOneNymhmkex5DqFxipHy',
13 |     });
14 | 
15 |     storage.get('auth', (err, data) => {
16 |       if (err || Object.keys(data).length === 0) {
17 |         nodeTwitterApi.getRequestToken((error, requestToken, requestTokenSecret) => {
18 |           let oldWindow;
19 |           const url = nodeTwitterApi.getAuthUrl(requestToken);
20 |           if (authWindow) {
21 |             oldWindow = authWindow;
22 |           }
23 | 
24 |           authWindow = new BrowserWindow({
25 |             width: screen.getPrimaryDisplay().size.width,
26 |             height: screen.getPrimaryDisplay().size.height
27 |           });
28 | 
29 |           authWindow.webContents.on('will-navigate', (event, _url) => {
30 |             const matched = _url.match(/\?oauth_token=([^&]*)&oauth_verifier=([^&]*)/);
31 |             if (matched) {
32 |               event.preventDefault();
33 | 
34 |               nodeTwitterApi.getAccessToken(requestToken, requestTokenSecret, matched[2], (_error, accessToken, accessTokenSecret, results) => {
35 |                 if (error) {
36 |                   new Authentication(callback);
37 |                 } else {
38 |                   const { user_id, screen_name } = results;
39 |                   const token = { accessToken, accessTokenSecret, user_id, screen_name };
40 |                   callback(token);
41 |                   if (authWindow) {
42 |                     authWindow.close();
43 |                   }
44 |                 }
45 |               });
46 |             }
47 |           });
48 | 
49 |           authWindow.on('closed', () => {
50 |             authWindow = null;
51 |           });
52 | 
53 |           if (oldWindow) {
54 |             oldWindow.close();
55 |           }
56 |           authWindow.loadURL(`${url}&force_login=true`);
57 |         });
58 |       } else {
59 |         callback(data);
60 |       }
61 |     });
62 |   }
63 | }
64 | 


--------------------------------------------------------------------------------
/app/components/Molecules/Navigation/github.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!-- Generator: Adobe Illustrator 21.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <svg version="1.1" id="レイヤー_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
 4 | 	 y="0px" viewBox="0 0 120.8 117.8" style="enable-background:new 0 0 120.8 117.8;" xml:space="preserve">
 5 | <style type="text/css">
 6 | 	.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#0A1623;}
 7 | 	.st1{fill:#191313;}
 8 | </style>
 9 | <g>
10 | 	<path class="st0" d="M60.4,0C27,0,0,27,0,60.4c0,26.7,17.3,49.3,41.3,57.3c3,0.6,4.1-1.3,4.1-2.9c0-1.4-0.1-6.2-0.1-11.2
11 | 		C28.5,107.2,25,96.4,25,96.4c-2.7-7-6.7-8.8-6.7-8.8c-5.5-3.7,0.4-3.7,0.4-3.7c6.1,0.4,9.3,6.2,9.3,6.2c5.4,9.2,14.1,6.6,17.6,5
12 | 		c0.5-3.9,2.1-6.6,3.8-8.1C36,85.6,21.9,80.4,21.9,57.2c0-6.6,2.4-12,6.2-16.2c-0.6-1.5-2.7-7.7,0.6-16c0,0,5.1-1.6,16.6,6.2
13 | 		c4.8-1.3,10-2,15.1-2c5.1,0,10.3,0.7,15.1,2C87,23.4,92.1,25,92.1,25c3.3,8.3,1.2,14.5,0.6,16c3.9,4.2,6.2,9.6,6.2,16.2
14 | 		c0,23.2-14.1,28.3-27.6,29.8c2.2,1.9,4.1,5.5,4.1,11.2c0,8.1-0.1,14.6-0.1,16.6c0,1.6,1.1,3.5,4.1,2.9c24-8,41.3-30.6,41.3-57.3
15 | 		C120.8,27,93.7,0,60.4,0z"/>
16 | 	<path class="st1" d="M22.9,86.7c-0.1,0.3-0.6,0.4-1,0.2c-0.4-0.2-0.7-0.6-0.5-0.9c0.1-0.3,0.6-0.4,1-0.2C22.8,86,23,86.4,22.9,86.7
17 | 		L22.9,86.7z M22.1,86.2"/>
18 | 	<path class="st1" d="M25.3,89.4c-0.3,0.3-0.9,0.1-1.2-0.3c-0.4-0.4-0.5-1-0.2-1.3c0.3-0.3,0.8-0.1,1.2,0.3
19 | 		C25.5,88.6,25.6,89.2,25.3,89.4L25.3,89.4z M24.7,88.8"/>
20 | 	<path class="st1" d="M27.7,92.9c-0.4,0.3-1,0-1.3-0.5c-0.4-0.5-0.4-1.2,0-1.4c0.4-0.3,1,0,1.3,0.5C28.1,92,28.1,92.6,27.7,92.9
21 | 		L27.7,92.9z M27.7,92.9"/>
22 | 	<path class="st1" d="M31,96.3c-0.3,0.4-1,0.3-1.6-0.2c-0.5-0.5-0.7-1.2-0.3-1.5c0.3-0.4,1-0.3,1.6,0.2C31.2,95.2,31.3,95.9,31,96.3
23 | 		L31,96.3z M31,96.3"/>
24 | 	<path class="st1" d="M35.5,98.2c-0.1,0.5-0.8,0.7-1.5,0.5c-0.7-0.2-1.1-0.8-1-1.2c0.1-0.5,0.8-0.7,1.5-0.5
25 | 		C35.2,97.2,35.6,97.7,35.5,98.2L35.5,98.2z M35.5,98.2"/>
26 | 	<path class="st1" d="M40.4,98.6c0,0.5-0.6,0.9-1.3,0.9c-0.7,0-1.3-0.4-1.3-0.9c0-0.5,0.6-0.9,1.3-0.9
27 | 		C39.8,97.7,40.4,98.1,40.4,98.6L40.4,98.6z M40.4,98.6"/>
28 | 	<path class="st1" d="M45,97.8c0.1,0.5-0.4,1-1.1,1.1c-0.7,0.1-1.3-0.2-1.4-0.7c-0.1-0.5,0.4-1,1.1-1.1C44.3,97,44.9,97.3,45,97.8
29 | 		L45,97.8z M45,97.8"/>
30 | </g>
31 | </svg>
32 | 


--------------------------------------------------------------------------------
/app/components/Atoms/Text/Text.js:
--------------------------------------------------------------------------------
 1 | import React, { Component } from 'react';
 2 | import styles from './text.css';
 3 | 
 4 | export default class Text extends Component {
 5 | 
 6 |   static returnLinkedText(text, entities = {}) {
 7 |     let str = text;
 8 |     const hashtags = entities.hashtags.map(hashtag => ({
 9 |       ...hashtag,
10 |       type: 'hashtags'
11 |     }));
12 |     const urls = entities.urls.map(url => ({
13 |       ...url,
14 |       type: 'urls'
15 |     }));
16 |     const userMentions = entities.user_mentions.map(userMention => ({
17 |       ...userMention,
18 |       type: 'user_mentions'
19 |     }));
20 |     const medias = entities.media ? entities.media.map(media => ({
21 |       ...media,
22 |       type: 'media'
23 |     })) : [];
24 |     const newEntities = [
25 |       ...hashtags,
26 |       ...urls,
27 |       ...userMentions,
28 |       ...medias
29 |     ];
30 |     const sortedEntities = newEntities.length > 0 ? newEntities.sort((a, b) => b.indices[0] - a.indices[0]) : [];
31 | 
32 |     sortedEntities.forEach((entity) => {
33 |       switch (entity.type) {
34 |         case 'hashtags':
35 |           str = `${str.substr(0, entity.indices[0])}<a href="#/searchTimeline" class="hashTag" data-text="${entity.text}" >#${entity.text}</a>${str.substr(entity.indices[1])}`;
36 |           break;
37 |         case 'urls':
38 |           str = `${str.substr(0, entity.indices[0])}<a href="${entity.url}" target="_blank" >${entity.display_url}</a>${str.substr(entity.indices[1])}`;
39 |           break;
40 |         case 'user_mentions':
41 |           str = `${str.substr(0, entity.indices[0])}<a href="javascript:void(0);" class="userName" data-id="${entity.id_str}" >@${entity.screen_name}</a>${str.substr(entity.indices[1])}`;
42 |           break;
43 |         case 'media':
44 |           str = `${str.substr(0, entity.indices[0])}<a href="${entity.url}" target="_blank" >${entity.display_url}</a>${str.substr(entity.indices[1])}`;
45 |           break;
46 |         default:
47 |           break;
48 |       }
49 |     });
50 | 
51 |     return str;
52 |   }
53 | 
54 |   render() {
55 |     const {
56 |       tweet = {}
57 |     } = this.props;
58 | 
59 |     return (
60 |       <p
61 |         className={styles.text}
62 |         dangerouslySetInnerHTML={{ __html: Text.returnLinkedText(tweet.text, tweet.entities) }}
63 |       />
64 |     );
65 |   }
66 | }
67 | 


--------------------------------------------------------------------------------
/app/components/Modules/Timeline/Timeline.js:
--------------------------------------------------------------------------------
 1 | import React, { Component } from 'react';
 2 | import TweetWrapper from '../TweetWrapper/TweetWrapper';
 3 | import UserModal from '../../../containers/Modules/UserModal';
 4 | import RetweetModal from '../../../containers/Molecules/RetweetModal';
 5 | import Loading from '../../Atoms/Loading/Loading';
 6 | import styles from './timeline.css';
 7 | 
 8 | export default class Timeline extends Component {
 9 |   static returnTimeline(timeline) {
10 |     if (timeline.length > 0) {
11 |       return timeline.map((item, index) => (
12 |         <TweetWrapper
13 |           tweet={item}
14 |           key={index}
15 |         />
16 |       ));
17 |     }
18 |     return <li />;
19 |   }
20 | 
21 |   static getId(props) {
22 |     return props.match && props.match.params && props.match.params.id;
23 |   }
24 | 
25 |   componentWillMount() {
26 |     this.props.requestGetTimeline(Timeline.getId(this.props));
27 |   }
28 | 
29 |   componentWillReceiveProps(nextProps) {
30 |     if (Timeline.getId(this.props) !== Timeline.getId(nextProps)) {
31 |       this.props.requestGetTimeline(Timeline.getId(nextProps));
32 |     }
33 |   }
34 | 
35 |   shouldComponentUpdate(nextProps) {
36 |     if (this.props.gettingTimeline !== nextProps.gettingTimeline) {
37 |       return true;
38 |     }
39 |     if (this.props.timeline !== nextProps.timeline) {
40 |       return true;
41 |     }
42 |     return false;
43 |   }
44 | 
45 |   componentDidUpdate() {
46 |     const userNameElms = document.getElementsByClassName('userName');
47 |     const hashTagElms = document.getElementsByClassName('hashTag');
48 |     Array.from(userNameElms).forEach((elm) => {
49 |       elm.addEventListener('click', () => this.props.requestGetUsersShow(elm.getAttribute('data-id')));
50 |     });
51 |     Array.from(hashTagElms).forEach((elm) => {
52 |       elm.addEventListener('click', () => this.props.requestGetSearchTweets(`#${elm.getAttribute('data-text')}`));
53 |     });
54 |   }
55 | 
56 |   render() {
57 |     if (this.props.gettingTimeline) {
58 |       return (
59 |         <div className={styles.timeline}>
60 |           <Loading />
61 |         </div>
62 |       );
63 |     }
64 |     return (
65 |       <div>
66 |         <ul className={styles.timeline}>
67 |           {Timeline.returnTimeline(this.props.timeline)}
68 |         </ul>
69 |         <UserModal />
70 |         <RetweetModal />
71 |       </div>
72 |     );
73 |   }
74 | }
75 | 


--------------------------------------------------------------------------------
/docs/scss/_reset.scss:
--------------------------------------------------------------------------------
  1 | /* 
  2 | html5doctor.com Reset Stylesheet v1.6.1
  3 | Last Updated: 2010-09-17
  4 | Author: Richard Clark - http://richclarkdesign.com 
  5 |  */
  6 | html, body, div, span, object, iframe,
  7 | h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  8 | abbr, address, cite, code,
  9 | del, dfn, em, img, ins, kbd, q, samp,
 10 | small, strong, sub, sup, var,
 11 | b, i,
 12 | dl, dt, dd, ol, ul, li,
 13 | fieldset, form, label, legend,
 14 | table, caption, tbody, tfoot, thead, tr, th, td,
 15 | article, aside, canvas, details, figcaption, figure, 
 16 | footer, header, hgroup, menu, nav, section, summary,
 17 | time, mark, audio, video {
 18 |     margin:0;
 19 |     padding:0;
 20 |     border:0;
 21 |     outline:0;
 22 |     font-size:100%;
 23 |     vertical-align:baseline;
 24 |     background:transparent;
 25 | }
 26 | 
 27 | body {
 28 |     font-family: Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
 29 |     line-height: 2.0;
 30 |     color: #1f2a68;
 31 | }
 32 | article,aside,details,figcaption,figure,
 33 | footer,header,hgroup,menu,nav,section { 
 34 |     display:block;
 35 | }
 36 | ul {
 37 |     list-style:none;
 38 | }
 39 | blockquote, q {
 40 |     quotes:none;
 41 | }
 42 | blockquote:before, blockquote:after,
 43 | q:before, q:after {
 44 |     content:'';
 45 |     content:none;
 46 | }
 47 | a {
 48 |     margin:0;
 49 |     padding:0;
 50 |     font-size:100%;
 51 |     vertical-align:baseline;
 52 |     background:transparent;
 53 |     text-decoration:none;
 54 |     color: #099;
 55 | 
 56 |     &:hover {
 57 |       text-decoration: underline;
 58 |     }
 59 | }
 60 | /* change colours to suit your needs */
 61 | ins {
 62 |     background-color:#ff9;
 63 |     color:#000;
 64 |     text-decoration:none;
 65 | }
 66 | /* change colours to suit your needs */
 67 | mark {
 68 |     background-color:#ff9;
 69 |     color:#000; 
 70 |     font-style:italic;
 71 |     font-weight:bold;
 72 | }
 73 | del {
 74 |     text-decoration: line-through;
 75 | }
 76 | abbr[title], dfn[title] {
 77 |     border-bottom:1px dotted;
 78 |     cursor:help;
 79 | }
 80 | table {
 81 |     border-collapse:collapse;
 82 |     border-spacing:0;
 83 | }
 84 | /* change border colour to suit your needs */
 85 | hr {
 86 |     display:block;
 87 |     height:1px;
 88 |     border:0;   
 89 |     border-top:1px solid #cccccc;
 90 |     margin:1em 0;
 91 |     padding:0;
 92 | }
 93 | input, select {
 94 |     vertical-align:middle;
 95 | }
 96 | 
 97 | .clearfix:after {
 98 |     content: "";
 99 |     display: block;
100 |     clear: both;
101 | }
102 | 


--------------------------------------------------------------------------------
/app/menu.js:
--------------------------------------------------------------------------------
  1 | import { Menu, app } from 'electron';
  2 | 
  3 | const template = [
  4 |   {
  5 |     label: 'Edit',
  6 |     submenu: [
  7 |       {
  8 |         role: 'undo'
  9 |       },
 10 |       {
 11 |         role: 'redo'
 12 |       },
 13 |       {
 14 |         type: 'separator'
 15 |       },
 16 |       {
 17 |         role: 'cut'
 18 |       },
 19 |       {
 20 |         role: 'copy'
 21 |       },
 22 |       {
 23 |         role: 'paste'
 24 |       },
 25 |       {
 26 |         role: 'selectall'
 27 |       }
 28 |     ]
 29 |   },
 30 |   {
 31 |     label: 'View',
 32 |     submenu: [
 33 |       {
 34 |         label: 'Reload',
 35 |         accelerator: 'CmdOrCtrl+R',
 36 |         click(item, focusedWindow) {
 37 |           if (focusedWindow) focusedWindow.reload();
 38 |         }
 39 |       },
 40 |       {
 41 |         label: 'Toggle Developer Tools',
 42 |         accelerator: process.platform === 'darwin' ? 'Alt+Command+I' : 'Ctrl+Shift+I',
 43 |         click(item, focusedWindow) {
 44 |           if (focusedWindow) focusedWindow.webContents.toggleDevTools();
 45 |         }
 46 |       },
 47 |       {
 48 |         type: 'separator'
 49 |       },
 50 |       {
 51 |         role: 'resetzoom'
 52 |       },
 53 |       {
 54 |         role: 'zoomin'
 55 |       },
 56 |       {
 57 |         role: 'zoomout'
 58 |       },
 59 |       {
 60 |         type: 'separator'
 61 |       },
 62 |       {
 63 |         role: 'togglefullscreen'
 64 |       }
 65 |     ]
 66 |   },
 67 |   {
 68 |     role: 'window',
 69 |     submenu: [
 70 |       {
 71 |         role: 'minimize'
 72 |       },
 73 |       {
 74 |         role: 'close'
 75 |       }
 76 |     ]
 77 |   }
 78 | ];
 79 | 
 80 | if (process.platform === 'darwin') {
 81 |   const name = app.getName();
 82 |   template.unshift({
 83 |     label: name,
 84 |     submenu: [
 85 |       {
 86 |         role: 'about'
 87 |       },
 88 |       {
 89 |         type: 'separator'
 90 |       },
 91 |       {
 92 |         role: 'quit'
 93 |       }
 94 |     ]
 95 |   });
 96 |   // Edit menu.
 97 |   template[1].submenu.push(
 98 |     {
 99 |       type: 'separator'
100 |     },
101 |     {
102 |       label: 'Speech',
103 |       submenu: [
104 |         {
105 |           role: 'startspeaking'
106 |         },
107 |         {
108 |           role: 'stopspeaking'
109 |         }
110 |       ]
111 |     }
112 |   );
113 |   // Window menu.
114 |   template[3].submenu = [
115 |     {
116 |       label: 'Close',
117 |       accelerator: 'CmdOrCtrl+W',
118 |       role: 'close'
119 |     },
120 |     {
121 |       label: 'Minimize',
122 |       accelerator: 'CmdOrCtrl+M',
123 |       role: 'minimize'
124 |     },
125 |     {
126 |       label: 'Zoom',
127 |       role: 'zoom'
128 |     },
129 |     {
130 |       type: 'separator'
131 |     },
132 |     {
133 |       label: 'Bring All to Front',
134 |       role: 'front'
135 |     }
136 |   ];
137 | }
138 | 
139 | export default Menu.buildFromTemplate(template);
140 | 


--------------------------------------------------------------------------------
/app/components/Atoms/Loading/loading.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 4 | <svg version="1.1" id="layer1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
 5 | 	 y="0px" width="60px" height="60px" viewBox="30 30 60 60" enable-background="new 30 30 60 60" xml:space="preserve">
 6 | <rect fill="none" width="120" height="120"/>
 7 | <g transform="rotate(0 50 50)">
 8 | 	<circle cx="36" cy="60" r="6">
 9 | 	
10 | 		<animateTransform  fill="remove" type="translate" repeatCount="indefinite" calcMode="linear" values="0 0;19.999999999999996 -20" restart="always" begin="0s" dur="1s" attributeName="transform" additive="replace" accumulate="none" keyTimes="0;1">
11 | 		</animateTransform>
12 | 	
13 | 		<animate  fill="remove" repeatCount="indefinite" calcMode="linear" values="#fff;#999" restart="always" begin="0s" dur="1s" attributeName="fill" additive="replace" accumulate="none" keyTimes="0;1">
14 | 		</animate>
15 | 	</circle>
16 | </g>
17 | <g transform="rotate(90 50 50)">
18 | 	<circle cx="36" cy="40" r="6">
19 | 	
20 | 		<animateTransform  fill="remove" type="translate" repeatCount="indefinite" calcMode="linear" values="0 0;19.999999999999996 -20" restart="always" begin="0s" dur="1s" attributeName="transform" additive="replace" accumulate="none" keyTimes="0;1">
21 | 		</animateTransform>
22 | 	
23 | 		<animate  fill="remove" repeatCount="indefinite" calcMode="linear" values="#999;#000" restart="always" begin="0s" dur="1s" attributeName="fill" additive="replace" accumulate="none" keyTimes="0;1">
24 | 		</animate>
25 | 	</circle>
26 | </g>
27 | <g transform="rotate(180 50 50)">
28 | 	<circle cx="16" cy="40" r="6">
29 | 	
30 | 		<animateTransform  fill="remove" type="translate" repeatCount="indefinite" calcMode="linear" values="0 0;19.999999999999996 -20" restart="always" begin="0s" dur="1s" attributeName="transform" additive="replace" accumulate="none" keyTimes="0;1">
31 | 		</animateTransform>
32 | 	
33 | 		<animate  fill="remove" repeatCount="indefinite" calcMode="linear" values="#000;#fff" restart="always" begin="0s" dur="1s" attributeName="fill" additive="replace" accumulate="none" keyTimes="0;1">
34 | 		</animate>
35 | 	</circle>
36 | </g>
37 | <g transform="rotate(270 50 50)">
38 | 	<circle cx="16" cy="60" r="6">
39 | 	
40 | 		<animateTransform  fill="remove" type="translate" repeatCount="indefinite" calcMode="linear" values="0 0;19.999999999999996 -20" restart="always" begin="0s" dur="1s" attributeName="transform" additive="replace" accumulate="none" keyTimes="0;1">
41 | 		</animateTransform>
42 | 	
43 | 		<animate  fill="remove" repeatCount="indefinite" calcMode="linear" values="#fff;#999" restart="always" begin="0s" dur="1s" attributeName="fill" additive="replace" accumulate="none" keyTimes="0;1">
44 | 		</animate>
45 | 	</circle>
46 | </g>
47 | </svg>
48 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "worc",
 3 |   "version": "1.8.0",
 4 |   "description": "A quiet twitter client",
 5 |   "main": "./dist/main.js",
 6 |   "dependencies": {
 7 |     "@exponent/electron-cookies": "^2.0.0",
 8 |     "babel-polyfill": "^6.9.1",
 9 |     "electron-json-storage": "^2.0.0",
10 |     "lodash": "^4.14.0",
11 |     "moment": "^2.15.0",
12 |     "node-twitter-api": "^1.7.4",
13 |     "react": "^15.1.0",
14 |     "react-awesome-modal": "^2.0.1",
15 |     "react-dom": "^15.1.0",
16 |     "react-redux": "^4.4.5",
17 |     "react-router-dom": "^4.0.0",
18 |     "react-shortcuts": "^1.3.1",
19 |     "redux": "^3.5.2",
20 |     "redux-actions": "^0.10.1",
21 |     "redux-logger": "^2.6.1",
22 |     "redux-saga": "^0.11.0",
23 |     "redux-thunk": "^2.1.0",
24 |     "twitter": "^1.3.0",
25 |     "twitter-text": "^1.14.0"
26 |   },
27 |   "devDependencies": {
28 |     "babel-cli": "^6.9.0",
29 |     "babel-core": "^6.9.1",
30 |     "babel-loader": "^6.2.5",
31 |     "babel-preset-es2015": "^6.9.0",
32 |     "babel-preset-react": "^6.5.0",
33 |     "babel-preset-stage-2": "^6.11.0",
34 |     "css-loader": "^0.25.0",
35 |     "electron": "^1.3.1",
36 |     "electron-builder": "^12.3.1",
37 |     "enzyme": "^2.5.1",
38 |     "eslint": "^3.10.2",
39 |     "eslint-config-airbnb": "^13.0.0",
40 |     "eslint-loader": "^1.6.1",
41 |     "eslint-plugin-import": "^2.2.0",
42 |     "eslint-plugin-jsx-a11y": "^2.2.3",
43 |     "eslint-plugin-react": "^6.7.1",
44 |     "husky": "^0.13.2",
45 |     "identity-obj-proxy": "^3.0.0",
46 |     "jest": "^16.0.1",
47 |     "jsdom": "^9.2.1",
48 |     "json-loader": "^0.5.4",
49 |     "node-sass": "^4.0.0",
50 |     "postcss-import": "^8.1.2",
51 |     "postcss-loader": "^1.0.0",
52 |     "postcss-nested": "^1.0.0",
53 |     "react-addons-test-utils": "^15.3.2",
54 |     "react-test-renderer": "^15.4.2",
55 |     "sinon": "^1.17.6",
56 |     "style-loader": "^0.13.1",
57 |     "svg-url-loader": "^1.1.0",
58 |     "webpack": "^1.13.2"
59 |   },
60 |   "scripts": {
61 |     "watch": "webpack --watch",
62 |     "watch:docs": "node-sass -w docs/scss/style.scss docs/css/style.css",
63 |     "build": "webpack",
64 |     "docs": "node-sass --include-path scss docs/scss/style.scss docs/css/style.css",
65 |     "test": "jest app",
66 |     "start": "electron dist/main.js",
67 |     "pack:osx": "build --mac --x64",
68 |     "pack:win": "build --win --ia32",
69 |     "prepush": "npm test"
70 |   },
71 |   "build": {
72 |     "appId": "com.electron.worc",
73 |     "mac": {
74 |       "target": "dmg"
75 |     },
76 |     "directories": {
77 |       "output": "docs"
78 |     }
79 |   },
80 |   "jest": {
81 |     "moduleNameMapper": {
82 |       "^.+\\.(css|less)$": "identity-obj-proxy"
83 |     }
84 |   },
85 |   "repository": {
86 |     "type": "git",
87 |     "url": "git+https://github.com/shibe97/worc.git"
88 |   },
89 |   "author": "shibe97",
90 |   "license": "MIT",
91 |   "bugs": {
92 |     "url": "https://github.com/shibe97/worc/issues"
93 |   },
94 |   "homepage": "https://github.com/shibe97/worc#readme"
95 | }
96 | 


--------------------------------------------------------------------------------
/app/reducers/lists.js:
--------------------------------------------------------------------------------
  1 | import { favoritesCreate, favoritesDestroy } from '../utils/favorite';
  2 | import { retweetsCreate, retweetsDestroy } from '../utils/retweet';
  3 | 
  4 | const initialState = {
  5 |   gettingList: false,
  6 |   list: [],
  7 |   gettingStatuses: false,
  8 |   statuses: [],
  9 |   retweetedIds: [],
 10 | };
 11 | 
 12 | export default function listsReducer(state = initialState, action) {
 13 |   switch (action.type) {
 14 |     case 'SYSTEM_ERROR':
 15 |       return {
 16 |         ...state,
 17 |         gettingList: false,
 18 |         gettingStatuses: false
 19 |       };
 20 | 
 21 |     case 'REQUEST_GET_LIST':
 22 |       return {
 23 |         ...state,
 24 |         gettingList: true
 25 |       };
 26 | 
 27 |     case 'SUCCESS_GET_LIST':
 28 |       return {
 29 |         ...state,
 30 |         gettingList: false,
 31 |         list: action.payload.data
 32 |       };
 33 | 
 34 |     case 'FAILURE_GET_LIST':
 35 |       return {
 36 |         ...state,
 37 |         gettingList: false
 38 |       };
 39 | 
 40 |     case 'REQUEST_GET_LISTS_STATUSES':
 41 |       return {
 42 |         ...state,
 43 |         gettingStatuses: true
 44 |       };
 45 | 
 46 |     case 'SUCCESS_GET_LISTS_STATUSES':
 47 |       return {
 48 |         ...state,
 49 |         gettingStatuses: false,
 50 |         statuses: action.payload.data
 51 |       };
 52 | 
 53 |     case 'FAILURE_GET_LISTS_STATUSES':
 54 |       return {
 55 |         ...state,
 56 |         gettingStatuses: false
 57 |       };
 58 | 
 59 |     case 'SUCCESS_POST_FAVORITES_CREATE':
 60 |     case 'FAILURE_POST_FAVORITES_DESTROY':
 61 |       return {
 62 |         ...state,
 63 |         statuses: favoritesCreate(state.statuses, action.payload.id)
 64 |       };
 65 | 
 66 |     case 'SUCCESS_POST_FAVORITES_DESTROY':
 67 |     case 'FAILURE_POST_FAVORITES_CREATE':
 68 |       return {
 69 |         ...state,
 70 |         statuses: favoritesDestroy(state.statuses, action.payload.id)
 71 |       };
 72 | 
 73 |     case 'SUCCESS_POST_RETWEET':
 74 |       return {
 75 |         ...state,
 76 |         statuses: retweetsCreate(state.statuses, action.payload.id)
 77 |       };
 78 | 
 79 |     case 'FAILURE_POST_RETWEET':
 80 |       return {
 81 |         ...state,
 82 |         statuses: retweetsDestroy(state.statuses, action.payload.id)
 83 |       };
 84 | 
 85 |     case 'SUCCESS_STREAM_SITE_FOLLOW':
 86 |       if (action.payload.followData.retweeted_status !== undefined) {
 87 |         if (state.retweetedIds.includes(action.payload.followData.retweeted_status.id_str)) {
 88 |           return state;
 89 |         }
 90 |         state.retweetedIds.push(action.payload.followData.retweeted_status.id_str);
 91 |       }
 92 |       return {
 93 |         ...state,
 94 |         statuses: [
 95 |           action.payload.followData,
 96 |           ...state.statuses
 97 |         ]
 98 |       };
 99 | 
100 |     case 'RESET_TIMELINE':
101 |       return {
102 |         ...state,
103 |         list: [],
104 |         statuses: []
105 |       };
106 | 
107 |     default:
108 |       break;
109 |   }
110 |   return state;
111 | }
112 | 


--------------------------------------------------------------------------------
/docs/images/mentions.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 4 | <svg version="1.1" id="_x32_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 5 | 	 width="800px" height="800px" viewBox="0 0 800 800" enable-background="new 0 0 800 800" xml:space="preserve">
 6 | <g>
 7 | 	<path fill="#445566" d="M653.832,604.527c-30.373,30.881-66.006,53.92-106.922,69.095s-86.078,22.774-135.486,22.774
 8 | 		c-44.27,0-84.534-7.081-120.817-21.23c-36.284-14.149-67.297-33.836-93.026-59.059c-25.741-25.21-45.681-55.451-59.83-90.709
 9 | 		c-14.161-35.247-21.23-73.727-21.23-115.414c0-41.17,7.721-79.251,23.16-114.256c15.44-34.993,36.538-65.354,63.305-91.096
10 | 		c26.754-25.729,58.021-45.934,93.798-60.602c35.765-14.668,73.979-22.002,114.642-22.002c34.993,0,68.962,5.151,101.904,15.44
11 | 		c32.931,10.302,62.146,25.742,87.622,46.32c25.476,20.591,45.801,46.32,60.987,77.2c15.175,30.88,22.774,67.164,22.774,108.852
12 | 		c0,30.881-4.125,58.166-12.352,81.832c-8.239,23.679-19.18,43.498-32.811,59.444c-13.643,15.958-29.469,27.925-47.478,35.897
13 | 		c-18.021,7.986-37.057,11.967-57.128,11.967c-23.16,0-40.145-5.658-50.952-16.984c-10.809-11.314-16.212-24.438-16.212-39.372
14 | 		h-3.088c-2.582,5.669-6.695,11.713-12.353,18.142c-5.669,6.441-12.617,12.484-20.844,18.143
15 | 		c-8.238,5.669-17.636,10.422-28.178,14.281c-10.555,3.86-22.268,5.791-35.126,5.791c-17.503,0-33.196-3.209-47.093-9.65
16 | 		c-13.896-6.43-25.608-15.175-35.126-26.248c-9.529-11.062-16.863-24.438-22.002-40.145c-5.15-15.693-7.72-32.81-7.72-51.338
17 | 		c0-21.615,3.595-42.846,10.808-63.689c7.202-20.844,17.37-39.372,30.494-55.584c13.124-16.212,29.204-29.204,48.25-38.986
18 | 		c19.035-9.771,40.397-14.668,64.076-14.668c19.554,0,36.404,4.512,50.566,13.51c14.149,9.011,24.053,19.951,29.722,32.81h3.088
19 | 		l7.72-34.74h47.864l-30.88,143.592c-1.037,3.607-1.93,8.106-2.702,13.51c-0.771,5.404-1.677,11.074-2.702,16.984
20 | 		c-1.037,5.923-1.809,11.713-2.315,17.37c-0.519,5.669-0.772,10.302-0.772,13.896c0,4.633,0.386,9.145,1.158,13.51
21 | 		c0.772,4.379,2.569,8.492,5.404,12.353c2.822,3.86,6.683,6.948,11.58,9.265c4.885,2.315,11.447,3.474,19.686,3.474
22 | 		c12.858,0,24.571-3.595,35.126-10.808c10.543-7.201,19.554-16.984,27.021-29.336c7.454-12.353,13.244-27.021,17.37-44.004
23 | 		c4.113-16.984,6.176-35.247,6.176-54.812c0-33.449-5.537-62.918-16.599-88.394c-11.073-25.476-26.513-46.959-46.319-64.462
24 | 		c-19.819-17.491-43.232-30.615-70.252-39.372c-27.021-8.746-56.742-13.124-89.166-13.124c-35.513,0-67.683,6.176-96.5,18.528
25 | 		c-28.83,12.352-53.654,29.336-74.498,50.952c-20.845,21.616-36.936,47.225-48.25,76.814
26 | 		c-11.327,29.601-16.984,61.639-16.984,96.114c0,36.55,5.911,69.479,17.756,98.816c11.834,29.336,28.432,54.306,49.794,74.884
27 | 		c21.351,20.591,46.827,36.416,76.429,47.479c29.589,11.072,62.398,16.598,98.43,16.598c45.801,0,85.427-7.068,118.888-21.23
28 | 		c33.449-14.148,63.304-34.088,89.552-59.83L653.832,604.527z M407.25,304.992c-15.512,0-29.095,3.993-40.723,11.966
29 | 		c-11.641,7.985-21.592,18.142-29.867,30.494c-8.274,12.352-14.486,26.248-18.624,41.688s-6.2,30.626-6.2,45.547
30 | 		c0,7.214,0.904,15.44,2.714,24.705c1.81,9.264,5.042,18.021,9.698,26.248c4.656,8.238,10.989,15.053,18.999,20.457
31 | 		c8.009,5.404,18.227,8.106,30.65,8.106c17.575,0,32.569-4.366,44.981-13.124c12.412-8.746,22.496-19.686,30.265-32.811
32 | 		c7.756-13.123,13.449-27.141,17.068-42.074c3.619-14.92,5.428-28.816,5.428-41.688c0-9.771-1.037-19.42-3.1-28.95
33 | 		c-2.075-9.518-5.561-18.009-10.471-25.476c-4.921-7.455-11.507-13.51-19.782-18.142
34 | 		C430.013,307.308,419.663,304.992,407.25,304.992z"/>
35 | </g>
36 | </svg>
37 | 


--------------------------------------------------------------------------------
/app/components/Atoms/NavigationItem/mentions.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 4 | <svg version="1.1" id="_x32_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 5 | 	 width="800px" height="800px" viewBox="0 0 800 800" enable-background="new 0 0 800 800" xml:space="preserve">
 6 | <g>
 7 | 	<path fill="#445566" d="M653.832,604.527c-30.373,30.881-66.006,53.92-106.922,69.095s-86.078,22.774-135.486,22.774
 8 | 		c-44.27,0-84.534-7.081-120.817-21.23c-36.284-14.149-67.297-33.836-93.026-59.059c-25.741-25.21-45.681-55.451-59.83-90.709
 9 | 		c-14.161-35.247-21.23-73.727-21.23-115.414c0-41.17,7.721-79.251,23.16-114.256c15.44-34.993,36.538-65.354,63.305-91.096
10 | 		c26.754-25.729,58.021-45.934,93.798-60.602c35.765-14.668,73.979-22.002,114.642-22.002c34.993,0,68.962,5.151,101.904,15.44
11 | 		c32.931,10.302,62.146,25.742,87.622,46.32c25.476,20.591,45.801,46.32,60.987,77.2c15.175,30.88,22.774,67.164,22.774,108.852
12 | 		c0,30.881-4.125,58.166-12.352,81.832c-8.239,23.679-19.18,43.498-32.811,59.444c-13.643,15.958-29.469,27.925-47.478,35.897
13 | 		c-18.021,7.986-37.057,11.967-57.128,11.967c-23.16,0-40.145-5.658-50.952-16.984c-10.809-11.314-16.212-24.438-16.212-39.372
14 | 		h-3.088c-2.582,5.669-6.695,11.713-12.353,18.142c-5.669,6.441-12.617,12.484-20.844,18.143
15 | 		c-8.238,5.669-17.636,10.422-28.178,14.281c-10.555,3.86-22.268,5.791-35.126,5.791c-17.503,0-33.196-3.209-47.093-9.65
16 | 		c-13.896-6.43-25.608-15.175-35.126-26.248c-9.529-11.062-16.863-24.438-22.002-40.145c-5.15-15.693-7.72-32.81-7.72-51.338
17 | 		c0-21.615,3.595-42.846,10.808-63.689c7.202-20.844,17.37-39.372,30.494-55.584c13.124-16.212,29.204-29.204,48.25-38.986
18 | 		c19.035-9.771,40.397-14.668,64.076-14.668c19.554,0,36.404,4.512,50.566,13.51c14.149,9.011,24.053,19.951,29.722,32.81h3.088
19 | 		l7.72-34.74h47.864l-30.88,143.592c-1.037,3.607-1.93,8.106-2.702,13.51c-0.771,5.404-1.677,11.074-2.702,16.984
20 | 		c-1.037,5.923-1.809,11.713-2.315,17.37c-0.519,5.669-0.772,10.302-0.772,13.896c0,4.633,0.386,9.145,1.158,13.51
21 | 		c0.772,4.379,2.569,8.492,5.404,12.353c2.822,3.86,6.683,6.948,11.58,9.265c4.885,2.315,11.447,3.474,19.686,3.474
22 | 		c12.858,0,24.571-3.595,35.126-10.808c10.543-7.201,19.554-16.984,27.021-29.336c7.454-12.353,13.244-27.021,17.37-44.004
23 | 		c4.113-16.984,6.176-35.247,6.176-54.812c0-33.449-5.537-62.918-16.599-88.394c-11.073-25.476-26.513-46.959-46.319-64.462
24 | 		c-19.819-17.491-43.232-30.615-70.252-39.372c-27.021-8.746-56.742-13.124-89.166-13.124c-35.513,0-67.683,6.176-96.5,18.528
25 | 		c-28.83,12.352-53.654,29.336-74.498,50.952c-20.845,21.616-36.936,47.225-48.25,76.814
26 | 		c-11.327,29.601-16.984,61.639-16.984,96.114c0,36.55,5.911,69.479,17.756,98.816c11.834,29.336,28.432,54.306,49.794,74.884
27 | 		c21.351,20.591,46.827,36.416,76.429,47.479c29.589,11.072,62.398,16.598,98.43,16.598c45.801,0,85.427-7.068,118.888-21.23
28 | 		c33.449-14.148,63.304-34.088,89.552-59.83L653.832,604.527z M407.25,304.992c-15.512,0-29.095,3.993-40.723,11.966
29 | 		c-11.641,7.985-21.592,18.142-29.867,30.494c-8.274,12.352-14.486,26.248-18.624,41.688s-6.2,30.626-6.2,45.547
30 | 		c0,7.214,0.904,15.44,2.714,24.705c1.81,9.264,5.042,18.021,9.698,26.248c4.656,8.238,10.989,15.053,18.999,20.457
31 | 		c8.009,5.404,18.227,8.106,30.65,8.106c17.575,0,32.569-4.366,44.981-13.124c12.412-8.746,22.496-19.686,30.265-32.811
32 | 		c7.756-13.123,13.449-27.141,17.068-42.074c3.619-14.92,5.428-28.816,5.428-41.688c0-9.771-1.037-19.42-3.1-28.95
33 | 		c-2.075-9.518-5.561-18.009-10.471-25.476c-4.921-7.455-11.507-13.51-19.782-18.142
34 | 		C430.013,307.308,419.663,304.992,407.25,304.992z"/>
35 | </g>
36 | </svg>
37 | 


--------------------------------------------------------------------------------
/docs/scss/style.scss:
--------------------------------------------------------------------------------
  1 | @import "reset";
  2 | 
  3 | .Top {
  4 |   background: url('../images/bg_top_01.jpg') repeat center -200px;
  5 |   height: 700px;
  6 |   
  7 |   &__header {
  8 |     padding: 20px 40px;
  9 |   }
 10 | 
 11 |   &__logo {
 12 |     float: left;
 13 |   }
 14 | 
 15 |   &__alignCenter {
 16 |     display: flex;
 17 |     justify-content: center;
 18 |   }
 19 | 
 20 |   &__download {
 21 |     display: flex;
 22 |     align-items: center;
 23 |     justify-content: space-around;
 24 |     width: 300px;
 25 |     height: 40px;
 26 |     margin: 40px auto;
 27 |     padding: 6px 10px 8px;
 28 |     text-align: center;
 29 |     border-radius: 3px;
 30 |     background: -moz-linear-gradient(top, #e5ad0d, #c58d00);
 31 |     background: -webkit-gradient(linear, left top, left bottom, from(#e5ad0d), to(#c58d00));
 32 |     background-color: #c58d00;
 33 |     color: #fff;
 34 |     font-size: 20px;
 35 |     
 36 |     &:hover {
 37 |         background: -moz-linear-gradient(top, #f5cd2d, #e5ad0d);
 38 |         background: -webkit-gradient(linear, left top, left bottom, from(#f5cd2d), to(#e5ad0d));
 39 |         background-color: #e5ad0d;
 40 |         text-decoration: none;
 41 |     }
 42 |   }
 43 | 
 44 |   &__nav {
 45 |     float: right
 46 |   }
 47 | 
 48 |   &__navItem {
 49 |     margin: 0 20px;
 50 |     float: left;
 51 | 
 52 |     a {
 53 |       color: #fff;
 54 |     }
 55 |   }
 56 | 
 57 |   &__lang {
 58 |     padding: 0px 40px;
 59 |   }
 60 | 
 61 |   &__langItem {
 62 |     color: #999;
 63 | 
 64 |     a {
 65 |       color: #fff;
 66 |     }
 67 |   }
 68 | 
 69 |   &__icon {
 70 |     display: block;
 71 |     margin: 70px auto 40px;
 72 |   }
 73 | 
 74 |   &__catchcopy {
 75 |     color: #fff;
 76 |     text-align: center;
 77 |   }
 78 | 
 79 |   &__catchcopy2 {
 80 |     color: #eee;
 81 |     text-align: center;
 82 |     font-weight: normal;
 83 |     margin-top: -10px;
 84 |   }
 85 | 
 86 |   &__smallText {
 87 |     font-size: 88%;
 88 |   }
 89 | }
 90 | 
 91 | .Screenshot {
 92 |   &__images {
 93 |     width: 806px;
 94 |     margin: -80px auto 0;
 95 |   }
 96 | }
 97 | 
 98 | .Content {
 99 |   width: 730px;
100 |   margin: 0 auto;
101 | 
102 |   &__title {
103 |     font-size: 40px;
104 |     color: #333;
105 |   }
106 | 
107 |   &__description {
108 |     text-align: left;
109 |     color: #333;
110 |     line-height: 1.5;
111 |   }
112 | }
113 | 
114 | .Hr {
115 |   border-top: 1px solid #ddd;
116 |   margin: 70px auto;
117 |   width: 730px;
118 | }
119 | 
120 | .Functions {
121 |   background-color: #eee;
122 |   padding: 80px 0 20px;
123 |   margin-top: 70px;
124 | 
125 |   &__items {
126 |     display: flex;
127 |     flex-wrap: wrap;
128 |   }
129 | 
130 |   &__item {
131 |     width: 50%;
132 |   }
133 | 
134 |   &__itemInner {
135 |     padding: 0 40px 60px 54px;
136 |     line-height: 1.3;
137 |   }
138 | 
139 |   &__home {
140 |     background: url('../images/home.svg') no-repeat left top;
141 |     background-size: 40px 40px;
142 |   }
143 | 
144 |   &__mentions {
145 |     background: url('../images/mentions.svg') no-repeat left top;
146 |     background-size: 40px 40px;
147 |   }
148 | 
149 |   &__lists {
150 |     background: url('../images/lists.svg') no-repeat left top;
151 |     background-size: 40px 40px;
152 |   }
153 | 
154 |   &__search {
155 |     background: url('../images/search.svg') no-repeat left top;
156 |     background-size: 40px 40px;
157 |   }
158 | 
159 |   &__title {
160 |     font-weight: bold;
161 |     font-size: 18px;
162 |   }
163 | 
164 |   &__description {
165 |     padding-top: 5px;
166 |     font-size: 14px;
167 |   }
168 | }
169 | 
170 | .mt70px {
171 |   margin-top: 70px;
172 | }
173 | 
174 | .Footer {
175 |   background-color: #333;
176 |   padding: 30px;
177 |   color: #999;
178 |   font-size: 12px;
179 |   margin-top: 100px;
180 | 
181 |   &__title {
182 |     padding-bottom: 10px;
183 |   }
184 | 
185 |   &__area {
186 |     width: 730px;
187 |     margin: 0 auto;
188 |   }
189 | 
190 |   &__links {
191 |     display: flex;
192 |   }
193 | 
194 |   &__link {
195 |     a {
196 |       color: #fff;
197 |     }
198 |     &::after {
199 |       content: '|';
200 |       margin: 0 10px;
201 |     }
202 |     &:last-child {
203 |       &::after {
204 |         content: '';
205 |         margin: 0;
206 |       }
207 |     }
208 |   }
209 | 
210 | }
211 | 


--------------------------------------------------------------------------------
/docs/css/style.css:
--------------------------------------------------------------------------------
  1 | @charset "UTF-8";
  2 | /* 
  3 | html5doctor.com Reset Stylesheet v1.6.1
  4 | Last Updated: 2010-09-17
  5 | Author: Richard Clark - http://richclarkdesign.com 
  6 |  */
  7 | html, body, div, span, object, iframe,
  8 | h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  9 | abbr, address, cite, code,
 10 | del, dfn, em, img, ins, kbd, q, samp,
 11 | small, strong, sub, sup, var,
 12 | b, i,
 13 | dl, dt, dd, ol, ul, li,
 14 | fieldset, form, label, legend,
 15 | table, caption, tbody, tfoot, thead, tr, th, td,
 16 | article, aside, canvas, details, figcaption, figure,
 17 | footer, header, hgroup, menu, nav, section, summary,
 18 | time, mark, audio, video {
 19 |   margin: 0;
 20 |   padding: 0;
 21 |   border: 0;
 22 |   outline: 0;
 23 |   font-size: 100%;
 24 |   vertical-align: baseline;
 25 |   background: transparent; }
 26 | 
 27 | body {
 28 |   font-family: Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
 29 |   line-height: 2.0;
 30 |   color: #1f2a68; }
 31 | 
 32 | article, aside, details, figcaption, figure,
 33 | footer, header, hgroup, menu, nav, section {
 34 |   display: block; }
 35 | 
 36 | ul {
 37 |   list-style: none; }
 38 | 
 39 | blockquote, q {
 40 |   quotes: none; }
 41 | 
 42 | blockquote:before, blockquote:after,
 43 | q:before, q:after {
 44 |   content: '';
 45 |   content: none; }
 46 | 
 47 | a {
 48 |   margin: 0;
 49 |   padding: 0;
 50 |   font-size: 100%;
 51 |   vertical-align: baseline;
 52 |   background: transparent;
 53 |   text-decoration: none;
 54 |   color: #099; }
 55 |   a:hover {
 56 |     text-decoration: underline; }
 57 | 
 58 | /* change colours to suit your needs */
 59 | ins {
 60 |   background-color: #ff9;
 61 |   color: #000;
 62 |   text-decoration: none; }
 63 | 
 64 | /* change colours to suit your needs */
 65 | mark {
 66 |   background-color: #ff9;
 67 |   color: #000;
 68 |   font-style: italic;
 69 |   font-weight: bold; }
 70 | 
 71 | del {
 72 |   text-decoration: line-through; }
 73 | 
 74 | abbr[title], dfn[title] {
 75 |   border-bottom: 1px dotted;
 76 |   cursor: help; }
 77 | 
 78 | table {
 79 |   border-collapse: collapse;
 80 |   border-spacing: 0; }
 81 | 
 82 | /* change border colour to suit your needs */
 83 | hr {
 84 |   display: block;
 85 |   height: 1px;
 86 |   border: 0;
 87 |   border-top: 1px solid #cccccc;
 88 |   margin: 1em 0;
 89 |   padding: 0; }
 90 | 
 91 | input, select {
 92 |   vertical-align: middle; }
 93 | 
 94 | .clearfix:after {
 95 |   content: "";
 96 |   display: block;
 97 |   clear: both; }
 98 | 
 99 | .Top {
100 |   background: url("../images/bg_top_01.jpg") repeat center -200px;
101 |   height: 700px; }
102 |   .Top__header {
103 |     padding: 20px 40px; }
104 |   .Top__logo {
105 |     float: left; }
106 |   .Top__alignCenter {
107 |     display: flex;
108 |     justify-content: center; }
109 |   .Top__download {
110 |     display: flex;
111 |     align-items: center;
112 |     justify-content: space-around;
113 |     width: 300px;
114 |     height: 40px;
115 |     margin: 40px auto;
116 |     padding: 6px 10px 8px;
117 |     text-align: center;
118 |     border-radius: 3px;
119 |     background: -moz-linear-gradient(top, #e5ad0d, #c58d00);
120 |     background: -webkit-gradient(linear, left top, left bottom, from(#e5ad0d), to(#c58d00));
121 |     background-color: #c58d00;
122 |     color: #fff;
123 |     font-size: 20px; }
124 |     .Top__download:hover {
125 |       background: -moz-linear-gradient(top, #f5cd2d, #e5ad0d);
126 |       background: -webkit-gradient(linear, left top, left bottom, from(#f5cd2d), to(#e5ad0d));
127 |       background-color: #e5ad0d;
128 |       text-decoration: none; }
129 |   .Top__nav {
130 |     float: right; }
131 |   .Top__navItem {
132 |     margin: 0 20px;
133 |     float: left; }
134 |     .Top__navItem a {
135 |       color: #fff; }
136 |   .Top__lang {
137 |     padding: 0px 40px; }
138 |   .Top__langItem {
139 |     color: #999; }
140 |     .Top__langItem a {
141 |       color: #fff; }
142 |   .Top__icon {
143 |     display: block;
144 |     margin: 70px auto 40px; }
145 |   .Top__catchcopy {
146 |     color: #fff;
147 |     text-align: center; }
148 |   .Top__catchcopy2 {
149 |     color: #eee;
150 |     text-align: center;
151 |     font-weight: normal;
152 |     margin-top: -10px; }
153 |   .Top__smallText {
154 |     font-size: 88%; }
155 | 
156 | .Screenshot__images {
157 |   width: 806px;
158 |   margin: -80px auto 0; }
159 | 
160 | .Content {
161 |   width: 730px;
162 |   margin: 0 auto; }
163 |   .Content__title {
164 |     font-size: 40px;
165 |     color: #333; }
166 |   .Content__description {
167 |     text-align: left;
168 |     color: #333;
169 |     line-height: 1.5; }
170 | 
171 | .Hr {
172 |   border-top: 1px solid #ddd;
173 |   margin: 70px auto;
174 |   width: 730px; }
175 | 
176 | .Functions {
177 |   background-color: #eee;
178 |   padding: 80px 0 20px;
179 |   margin-top: 70px; }
180 |   .Functions__items {
181 |     display: flex;
182 |     flex-wrap: wrap; }
183 |   .Functions__item {
184 |     width: 50%; }
185 |   .Functions__itemInner {
186 |     padding: 0 40px 60px 54px;
187 |     line-height: 1.3; }
188 |   .Functions__home {
189 |     background: url("../images/home.svg") no-repeat left top;
190 |     background-size: 40px 40px; }
191 |   .Functions__mentions {
192 |     background: url("../images/mentions.svg") no-repeat left top;
193 |     background-size: 40px 40px; }
194 |   .Functions__lists {
195 |     background: url("../images/lists.svg") no-repeat left top;
196 |     background-size: 40px 40px; }
197 |   .Functions__search {
198 |     background: url("../images/search.svg") no-repeat left top;
199 |     background-size: 40px 40px; }
200 |   .Functions__title {
201 |     font-weight: bold;
202 |     font-size: 18px; }
203 |   .Functions__description {
204 |     padding-top: 5px;
205 |     font-size: 14px; }
206 | 
207 | .mt70px {
208 |   margin-top: 70px; }
209 | 
210 | .Footer {
211 |   background-color: #333;
212 |   padding: 30px;
213 |   color: #999;
214 |   font-size: 12px;
215 |   margin-top: 100px; }
216 |   .Footer__title {
217 |     padding-bottom: 10px; }
218 |   .Footer__area {
219 |     width: 730px;
220 |     margin: 0 auto; }
221 |   .Footer__links {
222 |     display: flex; }
223 |   .Footer__link a {
224 |     color: #fff; }
225 |   .Footer__link::after {
226 |     content: '|';
227 |     margin: 0 10px; }
228 |   .Footer__link:last-child::after {
229 |     content: '';
230 |     margin: 0; }
231 | 


--------------------------------------------------------------------------------
/docs/ja/index.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="ja">
  3 | <head>
  4 |   <meta charset="UTF-8">
  5 |   <link rel="stylesheet" media="all" href="../css/style.css">
  6 |   <link rel="icon" href="images/worc.ico">
  7 |   <title>Worc: シンプルで静かなTwitterクライアント</title>
  8 |   <meta name="description" content="Worcはシンプルさを追求し、タイムラインにアイコン画像を含まないタイプの新しいTwitterクライアントです。仕事中の情報収集に最適です。">
  9 |   <meta name="keywords" content="twitter,client,worc,Twitterクライアント,シンプル,仕事中,情報収集,Windows,Mac">
 10 |   <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1">
 11 |   <meta property="og:type" content="website">
 12 |   <meta property="og:title" content="Worc: シンプルで静かなTwitterクライアント">
 13 |   <meta property="og:description" content="Worcはシンプルさを追求し、タイムラインにアイコン画像を含まないタイプの新しいTwitterクライアントです。仕事中の情報収集に最適です。">
 14 |   <meta property="og:url" content="http://shibe97.github.io/worc/">
 15 |   <meta property="og:image" content="http://shibe97.github.io/worc/images/ogp.png">
 16 |   <meta property="og:site_name" content="worc">
 17 |   <meta property="og:locale" content="ja_JP">
 18 |   <meta name="twitter:card" content="summary">
 19 |   <meta name="twitter:site" content="@shibe97">
 20 | </head>
 21 | <body>
 22 |   <div class="wrapper">
 23 |     <div class="Top">
 24 |       <header class="Top__header clearfix">
 25 |         <h1 class="Top__logo"><img src="../images/logo_worc_01.png" alt="worc" width="58" height="16"></h1>
 26 |         <ul class="Top__nav clearfix">
 27 |           <li class="Top__navItem"><a href="https://github.com/shibe97/worc">GitHub</a></li>
 28 |           <li class="Top__navItem Top__langItem">
 29 |             <a href="https://shibe97.github.io/worc/">English</a>
 30 |             /
 31 |             日本語
 32 |           </li>
 33 |         </ul>
 34 |       </header>
 35 |       <img class="Top__icon" width="100" height="100" src="../images/logo_worc_02.png" alt="">
 36 |       <h2 class="Top__catchcopy"><img width="730" src="../images/txt_catch_02.png" alt="A quiet twitter client"></h2>
 37 |       <h3 class="Top__catchcopy2">〜 テキストベースのシンプルなTwitterクライアント 〜</h3>
 38 |       <div>
 39 |         <a href="https://github.com/shibe97/worc/releases/download/v1.8.0/worc-1.8.0.dmg" class="Top__download">
 40 |           <img width="30" height="30" src="../images/mac.svg" alt="">
 41 |           Download for Macintosh
 42 |         </a>
 43 |         <a href="https://github.com/shibe97/worc/releases/download/v1.8.0/worc-1.8.0.exe" class="Top__download forWindows">
 44 |           <img width="30" height="30" src="../images/windows.svg" alt="">
 45 |           Download for Windows
 46 |         </a>
 47 |       </div>
 48 |     </div>
 49 |     <div class="Screenshot">
 50 |       <div class="Screenshot__images">
 51 |         <img width="400" src="../images/ss_timeline_01.png" alt="">
 52 |         <img width="400" src="../images/ss_modal_01.png" alt="">
 53 |       </div>
 54 |     </div>
 55 |     <div class="Content">
 56 |       <h2 class="Content__title">Motivation</h2>
 57 |       <p class="Content__description">
 58 |         Twitterは情報収集ツールとして非常に優秀です。特に技術系の情報はTwitter上に多く存在しています。
 59 |         あくまで情報収集として仕事中に使いたいという気持ちがありますが、社内で堂々と閲覧しているのは憚られます。<br>
 60 |         そこで、シンプルで作業画面の隣においてもあまり目立たないTwitterクライアントを作成しました。
 61 |         タイムラインにアイコン画像を含まない、ありそうで無かったTwitterクライアントです。
 62 |       </p>
 63 |     </div>
 64 |     <hr class="Hr">
 65 |     <div class="Content">
 66 |       <h2 class="Content__title">How to Download</h2>
 67 |       <p class="Content__description">
 68 |         このページトップのリンクからダウンロードすることができます。<br />
 69 |         Windows、Mac共にダウンロード可能です。<br />
 70 |         ※未署名のため、ダウンロード後は「右クリック」→「開く」という手順で開く必要があります。
 71 |       </p>
 72 |     </div>
 73 |     <div class="Functions">
 74 |       <div class="Content">
 75 |         <ul class="Functions__items">
 76 |           <li class="Functions__item">
 77 |             <dl class="Functions__itemInner Functions__home">
 78 |               <dt class="Functions__title">ホームタイムライン</dt>
 79 |               <dd class="Functions__description">あなたとあなたのフォローしているユーザーのツイート一覧が表示されます。ストリーム形式で閲覧することができます。</dd>
 80 |             </dl>
 81 |           </li>
 82 |           <li class="Functions__item">
 83 |             <dl class="Functions__itemInner Functions__mentions">
 84 |               <dt class="Functions__title">メンション</dt>
 85 |               <dd class="Functions__description">他のユーザーがあなたに対してメンションしたツイートの一覧が表示されます。</dd>
 86 |             </dl>
 87 |           </li>
 88 |           <li class="Functions__item">
 89 |             <dl class="Functions__itemInner Functions__lists">
 90 |               <dt class="Functions__title">リストタイムライン</dt>
 91 |               <dd class="Functions__description">あなたのリストに登録されているユーザーのツイートやリツイートの一覧が表示されます。ストリーム形式で閲覧することができます。</dd>
 92 |             </dl>
 93 |           </li>
 94 |           <li class="Functions__item">
 95 |             <dl class="Functions__itemInner Functions__search">
 96 |               <dt class="Functions__title">検索機能</dt>
 97 |               <dd class="Functions__description">ツイッターの検索機能が使えます。キーワードによってはタイムラインの流れが速すぎるため、ストリーム形式には現状対応しておりません。</dd>
 98 |             </dl>
 99 |           </li>
100 |         </ul>
101 |       </div>
102 |     </div>
103 |     <div class="Content mt70px">
104 |       <h2 class="Content__title">Issues</h2>
105 |       <p class="Content__description">
106 |         バグや機能追加の提案などはGitHubの<a href="https://github.com/shibe97/worc/issues" target="issues">Issue</a>までお願いします。
107 |       </p>
108 |     </div>
109 |     <footer class="Footer">
110 |       <div class="Footer__area">
111 |         <h3 class="Footer__title"><img src="../images/logo_worc_01.png" alt="worc" width="58" height="16"></h3>
112 |         <p>Copyright © 2017 Kazuki Shibata All rights reserved.</p>
113 |         <ul class="Footer__links">
114 |           <li class="Footer__link"><a href="https://github.com/shibe97/worc">GitHub</a></li>
115 |           <li class="Footer__link"><a href="https://twitter.com/shibe97">Twitter</a></li>
116 |         </ul>
117 |       </div>
118 |     </footer>
119 |   </div>
120 |   <script>
121 |     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
122 |     (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
123 |     m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
124 |     })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
125 |     ga('create', 'UA-88247026-2', 'auto');
126 |     ga('send', 'pageview');
127 |   </script>
128 | </body>
129 | </html>
130 | 


--------------------------------------------------------------------------------
/docs/index.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | <head>
  4 |   <meta charset="UTF-8">
  5 |   <link rel="stylesheet" media="all" href="css/style.css">
  6 |   <link rel="icon" href="images/worc.ico">
  7 |   <title>Worc: A Simple and Quiet Twitter Client</title>
  8 |   <meta name="description" content="Worc is a simple and quiet twitter client. It is a text based tool and doesn't have images on the timeline.">
  9 |   <meta name="keywords" content="twitter,client,worc,simple,quiet,windows,mac">
 10 |   <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1">
 11 |   <meta property="og:type" content="website">
 12 |   <meta property="og:title" content="Worc: A Simple and Quiet Twitter Client">
 13 |   <meta property="og:description" content="Worc is a simple and quiet twitter client. It is a text based tool and doesn't have images on the timeline.">
 14 |   <meta property="og:url" content="http://shibe97.github.io/worc/">
 15 |   <meta property="og:image" content="http://shibe97.github.io/worc/images/ogp.png">
 16 |   <meta property="og:site_name" content="worc">
 17 |   <meta property="og:locale" content="en_us">
 18 |   <meta name="twitter:card" content="summary">
 19 |   <meta name="twitter:site" content="@shibe97">
 20 | </head>
 21 | <body>
 22 |   <div class="wrapper">
 23 |     <div class="Top">
 24 |       <header class="Top__header clearfix">
 25 |         <h1 class="Top__logo"><img src="images/logo_worc_01.png" alt="worc" width="58" height="16"></h1>
 26 |         <ul class="Top__nav clearfix">
 27 |           <li class="Top__navItem"><a href="https://github.com/shibe97/worc">GitHub</a></li>
 28 |           <li class="Top__navItem Top__langItem">
 29 |             English
 30 |             /
 31 |             <a href="https://shibe97.github.io/worc/ja">日本語</a>
 32 |           </li>
 33 |         </ul>
 34 |       </header>
 35 |       <img class="Top__icon" width="100" height="100" src="images/logo_worc_02.png" alt="">
 36 |       <h2 class="Top__catchcopy"><img width="730" src="images/txt_catch_02.png" alt="A quiet twitter client"></h2>
 37 |       <div>
 38 |         <a href="https://github.com/shibe97/worc/releases/download/v1.8.0/worc-1.8.0.dmg" class="Top__download">
 39 |           <img width="30" height="30" src="images/mac.svg" alt="">
 40 |           Download for Macintosh
 41 |         </a>
 42 |         <a href="https://github.com/shibe97/worc/releases/download/v1.8.0/worc-1.8.0.exe" class="Top__download forWindows">
 43 |           <img width="30" height="30" src="images/windows.svg" alt="">
 44 |           Download for Windows
 45 |         </a>
 46 |       </div>
 47 |     </div>
 48 |     <div class="Screenshot">
 49 |       <div class="Screenshot__images">
 50 |         <img width="400" src="images/ss_timeline_01.png" alt="">
 51 |         <img width="400" src="images/ss_modal_01.png" alt="">
 52 |       </div>
 53 |     </div>
 54 |     <div class="Content">
 55 |       <h2 class="Content__title">Motivation</h2>
 56 |       <p class="Content__description">
 57 |         I think Twitter is very good as an information gathering tool. Especially technical information is fastest and easy to grab via Twitter.
 58 |         I wanna use Twitter but feel a little bad about browsing it lordly during working time.<br>
 59 |         So I created a simple and quiet twitter client. 
 60 |         This is a text based tool and doesn't have images on the timeline.
 61 |       </p>
 62 |     </div>
 63 |     <hr class="Hr">
 64 |     <div class="Content">
 65 |       <h2 class="Content__title">How to Download</h2>
 66 |       <p class="Content__description">
 67 |         Worc is published on GitHub.<br />
 68 |         Mac or Windows users can download from the top link of this page.<br />
 69 |         After downloading it, you need to open it from right click because this application is unsigned.
 70 |       </p>
 71 |     </div>
 72 |     <div class="Functions">
 73 |       <div class="Content">
 74 |         <ul class="Functions__items">
 75 |           <li class="Functions__item">
 76 |             <dl class="Functions__itemInner Functions__home">
 77 |               <dt class="Functions__title">Home Timeline</dt>
 78 |               <dd class="Functions__description">You can see your home timeline on streaming. This timeline is a collection of the most recent tweets and retweets posted by you and the users you follow.</dd>
 79 |             </dl>
 80 |           </li>
 81 |           <li class="Functions__item">
 82 |             <dl class="Functions__itemInner Functions__mentions">
 83 |               <dt class="Functions__title">Mentions Timeline</dt>
 84 |               <dd class="Functions__description">You can see your mentions timeline. It includes most recent mentions for you.</dd>
 85 |             </dl>
 86 |           </li>
 87 |           <li class="Functions__item">
 88 |             <dl class="Functions__itemInner Functions__lists">
 89 |               <dt class="Functions__title">Lists Timeline</dt>
 90 |               <dd class="Functions__description">You can see your lists timeline on streaming. It includes tweets authored by members of the specified list. Retweets are also included.</dd>
 91 |             </dl>
 92 |           </li>
 93 |           <li class="Functions__item">
 94 |             <dl class="Functions__itemInner Functions__search">
 95 |               <dt class="Functions__title">Search Timeline</dt>
 96 |               <dd class="Functions__description">You can see the search timeline. This timeline is a collection of relevant tweets matching a specified query.</dd>
 97 |             </dl>
 98 |           </li>
 99 |         </ul>
100 |       </div>
101 |     </div>
102 |     <div class="Content mt70px">
103 |       <h2 class="Content__title">Issues</h2>
104 |       <p class="Content__description">
105 |         If you find some bugs or proposals, please register them to the <a href="https://github.com/shibe97/worc/issues" target="issues">GitHub</a>.
106 |       </p>
107 |     </div>
108 |     <footer class="Footer">
109 |       <div class="Footer__area">
110 |         <h3 class="Footer__title"><img src="images/logo_worc_01.png" alt="worc" width="58" height="16"></h3>
111 |         <p>Copyright © 2017 Kazuki Shibata All rights reserved.</p>
112 |         <ul class="Footer__links">
113 |           <li class="Footer__link"><a href="https://github.com/shibe97/worc">GitHub</a></li>
114 |           <li class="Footer__link"><a href="https://twitter.com/shibe97">Twitter</a></li>
115 |         </ul>
116 |       </div>
117 |     </footer>
118 |   </div>
119 |   <script>
120 |     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
121 |     (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
122 |     m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
123 |     })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
124 |     ga('create', 'UA-88247026-2', 'auto');
125 |     ga('send', 'pageview');
126 |   </script>
127 | 


--------------------------------------------------------------------------------
/docs/images/windows.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 4 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 5 | 	 width="800px" height="800px" viewBox="0 0 800 800" enable-background="new 0 0 800 800" xml:space="preserve">
 6 | <g>
 7 | 	<path fill="#FFFFFF" d="M773.906,208.906c0,55.469-0.156,110.938,0.156,166.25c0,7.5-1.875,10.625-9.375,9.688
 8 | 		c-1.25-0.156-2.656,0-3.906,0c-96.25,0.469-192.5,0.938-288.906,1.562c-31.406,0.156-62.969,0.469-94.375,1.094
 9 | 		c-7.656,0.156-10.312-2.031-10.312-10.156c0.312-92.656,0.312-185.312,0-277.969c0-7.969,1.719-11.25,10.469-12.188
10 | 		c35.156-4.219,70-9.219,105-14.062c48.438-6.875,96.719-14.062,145-20.938c46.094-6.562,92.188-12.656,138.281-19.219
11 | 		c7.344-1.094,8.125,2.031,8.125,8.125C773.906,96.875,773.906,152.969,773.906,208.906z"/>
12 | 	<path fill="#FFFFFF" d="M332.969,241.25c0,45.781,0,91.719,0,137.5c0,10,0,10-10.312,10c-19.062,0.156-37.969,0.156-57.031,0.312
13 | 		c-76.25,0.469-152.5,0.938-228.75,1.562c-11.094,0-11.094,0.156-11.094-10.781c0-77.812,0-155.625,0-233.594
14 | 		c0-10.781,0.156-10.312,10.781-11.875c27.5-3.75,55-7.969,82.5-11.875c21.094-2.969,42.344-5.469,63.438-8.281
15 | 		c42.5-5.781,85-11.875,127.344-17.812c6.094-0.938,12.188-2.656,18.438-2.656c3.281,0,4.844,1.094,4.688,4.531
16 | 		c-0.156,2.656,0,5.156,0,7.812C332.969,151.094,332.969,196.094,332.969,241.25z M328.125,240.312
17 | 		c0-44.688-0.156-89.531,0.156-134.219c0-6.562-2.344-7.969-8.125-7.656c-4.844,0.312-8.594,3.125-13.438,3.438
18 | 		c-10.312,0.625-20.469,2.5-30.781,3.906c-20.156,2.812-40.469,5.312-60.469,8.438c-12.188,1.875-24.844,1.719-36.562,6.562
19 | 		c-2.031,0.781-4.062,1.406-6.094,0.625c-6.562-2.656-13.281-0.312-19.062,1.094c-14.688,3.75-29.844,4.688-44.844,6.719
20 | 		c-12.5,1.719-25,4.219-37.656,4.688c-10.625,0.312-20.156,5.781-31.094,5.312c-9.375-0.469-10.625,1.25-10.625,10.938
21 | 		c0,75,0,149.844,0,224.844c0,10.156,1.094,10.938,11.25,11.094c49.844,0.781,99.844-2.344,149.688-1.719
22 | 		c41.562,0.469,83.281,0.156,124.844,0c12.031,0,12.656-0.469,12.656-12.969C328.125,327.656,328.125,284.062,328.125,240.312z"/>
23 | 	<path fill="#FFFFFF" d="M332.969,570.781c0,46.094-0.156,92.188,0.156,138.281c0,7.031-1.406,9.531-8.906,8.281
24 | 		c-22.5-3.594-45.156-6.719-67.812-9.844c-23.438-3.281-46.875-5.938-70.312-9.375c-33.125-4.688-66.25-9.844-99.531-14.531
25 | 		c-17.5-2.5-35-5-52.5-6.875c-6.25-0.625-8.438-2.656-8.438-9.062c0.156-79.375,0.156-158.75,0-238.281
26 | 		c0-6.719,1.719-9.844,8.906-8.594c3.281,0.469,6.719,0.156,10.156,0.156c93.438,0.469,186.875,1.094,280.312,1.406
27 | 		c6.719,0,8.281,2.188,8.125,8.438C332.812,477.5,332.969,524.062,332.969,570.781z M328.125,570.938
28 | 		c0-43.75-0.312-87.5,0.156-131.094c0.156-11.406-5-13.125-13.438-13.125c-12.812,0-25.469,0.625-38.438,0.312
29 | 		c-57.188-1.562-114.375,1.094-171.562-1.719c-21.562-1.094-43.125-0.156-64.844-0.156c-9.531,0-10.625,1.25-10.625,10.938
30 | 		c0,75.156,0,150.469,0,225.625c0,10.156,1.562,11.094,11.562,12.031c15.469,1.406,30.938,2.656,46.094,5.625
31 | 		c19.062,3.594,38.281,5.625,57.5,8.281c10,1.406,20.312,1.719,29.844,4.062c13.594,3.125,27.344,4.062,40.938,6.25
32 | 		c14.844,2.5,30.156,4.375,45.312,5.938c19.375,2.188,38.906,4.375,58.125,8.594c6.25,1.406,9.219-0.469,9.219-7.969
33 | 		C327.969,659.844,328.125,615.312,328.125,570.938z"/>
34 | 	<path fill="#FFFFFF" d="M774.531,602.656c0,55.156,0,110.312,0,165.625c0,12.031,0,12.188-12.344,10.469
35 | 		c-29.375-4.219-58.594-8.594-87.969-12.656c-40.469-5.625-80.938-10.938-121.25-16.719c-38.281-5.312-76.719-10.781-115-16.562
36 | 		c-21.25-3.281-42.812-5-64.062-8.906c-6.719-1.25-6.875-4.219-6.875-9.219c0-50.781,0-101.562,0-152.344
37 | 		c0-43.281,0-86.406,0-129.688c0-9.531,0.312-10.156,10.312-10c129.844,2.188,259.688,2.188,389.531,2.812
38 | 		c6.562,0,7.656,2.656,7.656,8.281C774.531,490.156,774.531,546.406,774.531,602.656L774.531,602.656z M771.875,601.094
39 | 		c0-42.656,0-85.469,0-128.125c0-12.188,0-24.531,0-36.719c0-3.125,0.625-6.406-4.219-6.719c-5.469-0.312-10.781-1.25-16.25-1.406
40 | 		c-54.375-0.938-108.75,0-163.125-1.25c-68.906-1.562-137.969-0.469-207.031-0.469c-10.938,0-10.938,0-10.938,10.625
41 | 		c0,86.406,0,172.812,0,259.375c0,6.25,0.156,12.5,0,18.75c-0.156,4.688,1.875,6.25,6.562,6.562
42 | 		c7.5,0.469,14.844,2.188,22.344,2.344c12.969,0.312,25.312,4.844,38.438,5.469c12.656,0.625,25.156,2.344,37.656,3.906
43 | 		c14.844,2.031,29.531,6.25,44.375,6.406c16.719,0.156,32.656,5.312,49.219,6.25c15.469,0.938,30.625,4.531,45.938,6.719
44 | 		c18.125,2.5,36.406,4.375,54.531,7.344c14.062,2.344,28.125,3.438,42.188,5.312c14.688,2.031,29.062,5.469,43.906,4.688
45 | 		c1.094,0,2.344,1.094,3.438,1.562c9.062,3.906,12.969,1.406,12.969-8.594C771.875,709.375,771.875,655.312,771.875,601.094z"/>
46 | 	<path fill="#FFFFFF" d="M328.125,240.312c0,43.75,0,87.5,0,131.094c0,12.5-0.469,12.969-12.656,12.969
47 | 		c-41.562,0-83.281,0.469-124.844,0c-50-0.625-99.844,2.344-149.688,1.719C30.781,385.938,29.688,385,29.688,375
48 | 		c0-75,0-149.844,0-224.844c0-9.688,1.25-11.406,10.625-10.938c10.781,0.625,20.469-5,31.094-5.312
49 | 		c12.656-0.312,25.156-2.969,37.656-4.688c14.844-2.031,30-2.812,44.844-6.719c5.781-1.562,12.5-3.75,19.062-1.094
50 | 		c2.031,0.781,4.062,0.156,6.094-0.625c11.719-4.844,24.375-4.688,36.562-6.562c20.156-3.125,40.312-5.781,60.469-8.438
51 | 		c10.156-1.406,20.469-3.281,30.781-3.906c4.844-0.312,8.75-3.125,13.438-3.438c5.938-0.312,8.125,1.25,8.125,7.656
52 | 		C328.125,150.781,328.125,195.469,328.125,240.312z"/>
53 | 	<path fill="#FFFFFF" d="M328.125,570.938c0,44.531-0.156,89.062,0.156,133.438c0,7.5-2.969,9.375-9.219,7.969
54 | 		c-19.219-4.219-38.75-6.562-58.125-8.594c-15.156-1.719-30.469-3.594-45.312-5.938c-13.594-2.188-27.344-3.125-40.938-6.25
55 | 		c-9.531-2.188-19.844-2.656-29.844-4.062c-19.219-2.656-38.438-4.688-57.5-8.281C72.188,676.25,56.719,675,41.25,673.594
56 | 		c-10.156-0.938-11.562-1.719-11.562-12.031c0-75.156,0-150.469,0-225.625c0-9.844,1.094-10.938,10.625-10.938
57 | 		c21.562,0,43.281-0.938,64.844,0.156c57.188,2.812,114.375,0,171.562,1.719c12.812,0.312,25.625-0.156,38.438-0.312
58 | 		c8.438,0,13.594,1.719,13.438,13.125C327.812,483.438,328.125,527.188,328.125,570.938z"/>
59 | 	<path fill="#FFFFFF" d="M771.875,601.094c0,54.219,0,108.281,0,162.5c0,10-3.906,12.5-12.969,8.594
60 | 		c-1.25-0.469-2.344-1.562-3.438-1.562c-14.844,0.781-29.375-2.656-43.906-4.688c-14.062-1.875-28.125-2.969-42.188-5.312
61 | 		c-18.125-3.125-36.406-4.844-54.531-7.344c-15.312-2.188-30.625-5.781-45.938-6.719c-16.562-1.094-32.344-6.094-49.219-6.25
62 | 		c-14.844-0.156-29.531-4.375-44.375-6.406c-12.5-1.719-25.156-3.281-37.656-3.906c-12.969-0.625-25.312-5.156-38.438-5.469
63 | 		c-7.5-0.156-14.844-1.875-22.344-2.344c-4.531-0.312-6.562-2.031-6.562-6.562c0.156-6.25,0-12.5,0-18.75
64 | 		c0-86.406,0-172.812,0-259.375c0-10.625,0-10.625,10.938-10.625c69.062,0,137.969-1.094,207.031,0.469
65 | 		c54.375,1.25,108.75,0.312,163.125,1.25c5.469,0.156,10.781,1.094,16.25,1.406c4.844,0.156,4.219,3.594,4.219,6.719
66 | 		c0,12.188,0,24.531,0,36.719C771.875,515.781,771.875,558.438,771.875,601.094z"/>
67 | </g>
68 | </svg>
69 | 


--------------------------------------------------------------------------------