Github Trending
25 | {!this.props.repos.length 26 | ?-
35 |
-
29 |
HackerNews
30 | {!this.props.stories.length 31 | ?
50 | {member.username}
51 | {date(created)}
52 |
53 |
34 | {!isEmpty
35 | ?
41 | );
42 | }
43 | }
44 |
45 | const mapStateToProps = state => ({
46 | topic: makeSelectV2exTopicInfo(state),
47 | replies: makeSelectV2exReplies(state)
48 | });
49 |
50 | const mapDispatchToProps = dispatch => ({
51 | loadV2exTopic: id => dispatch({ type: "LOAD_V2EX_TOPIC", id }),
52 | cleanCache: () => dispatch({ type: "CLEAN_TOPIC_CACHE" })
53 | });
54 |
55 | export default connect(mapStateToProps, mapDispatchToProps)(Topic);
56 |
--------------------------------------------------------------------------------
/src/store.js:
--------------------------------------------------------------------------------
1 | import { createStore, applyMiddleware, compose } from 'redux'
2 | import { createLogger } from 'redux-logger'
3 | import { routerMiddleware } from 'react-router-redux'
4 | import { fromJS } from 'immutable'
5 | import createSagaMiddleware from 'redux-saga'
6 | import createAppReducer from './reducers'
7 | import Perf from 'react-addons-perf'
8 |
9 | const sagaMiddleware = createSagaMiddleware()
10 |
11 | export default function configureStore (initialState = {}, history) {
12 | const win = window
13 | win.perf = Perf
14 | /**
15 | * Create the store with three middlewares
16 | * 1. action Logger: mark every dispatch
17 | * 2. sagaMiddleware: Makes redux-sagas work
18 | * 3. routerMiddleware: Syncs the location/URL path to the state
19 | */
20 | const middlewarles = []
21 | if (process.env.NODE_ENV !== 'production') {
22 | middlewarles.push(
23 | createLogger({
24 | collapsed: false,
25 | stateTransformer: state => state.toJS()
26 | })
27 | )
28 | }
29 | middlewarles.push(sagaMiddleware)
30 | middlewarles.push(routerMiddleware(history))
31 |
32 | const enhancers = [applyMiddleware(...middlewarles)]
33 |
34 | // If Redux DevTools Extension is installed, use it, otherwise use Redux compose
35 | /* eslint-disable no-underscore-dangle */
36 | const composeEnhancers = process.env.NODE_ENV !== 'production' &&
37 | typeof window === 'object' &&
38 | window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__
39 | ? window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__
40 | : compose
41 | /* eslint-enable */
42 |
43 | const store = createStore(
44 | createAppReducer(),
45 | fromJS(initialState),
46 | composeEnhancers(...enhancers)
47 | )
48 |
49 | // Extensions
50 | store.runSaga = sagaMiddleware.run
51 |
52 | return store
53 | }
54 |
--------------------------------------------------------------------------------
/src/containers/Editor/components/BrowseFileModal.js:
--------------------------------------------------------------------------------
1 | import React, { PureComponent } from "react";
2 | import { connect } from "react-redux";
3 | /** Tools */
4 | import PropTypes from "prop-types";
5 | /** Child Components */
6 | import FileList from "./fileList";
7 | import FileItem from "./fileItem";
8 | /** Maerial Components */
9 | import Dialog from "material-ui/Dialog";
10 | import FlatButton from "material-ui/FlatButton";
11 | import RaisedButton from "material-ui/RaisedButton";
12 |
13 | class BrowseFileModal extends PureComponent {
14 | static propTypes = {
15 | isBrowsing: PropTypes.bool,
16 | toggleBrowse: PropTypes.func,
17 | savedFiles: PropTypes.object,
18 | loadLocalFiles: PropTypes.func,
19 | openFile: PropTypes.func,
20 | removeFile: PropTypes.func
21 | };
22 |
23 | render() {
24 | const {
25 | isBrowsing,
26 | toggleBrowse,
27 | savedFiles,
28 | openFile,
29 | removeFile
30 | } = this.props;
31 |
32 | const actions = [
33 |
36 |
39 | : Seems we cannot fetch the topics, check out later :(
} 40 |
43 |
69 |
70 | );
71 | }
72 | }
73 |
74 | export default BrowseFileModal;
75 |
--------------------------------------------------------------------------------
/src/containers/NewsFeed/HackerNews/components/Story.js:
--------------------------------------------------------------------------------
1 | import React, { PureComponent } from "react";
2 | /** Tools */
3 | import styled from "styled-components";
4 | import PropTypes from "prop-types";
5 | /** Styled Components */
6 | import Wrapper from "../styled/Wrapper";
7 | import A from "../styled/A";
8 | import Header from "../styled/Header";
9 | import Footer from "../styled/Footer";
10 | import FooterItem from "../styled/FooterItem";
11 |
12 | class Story extends PureComponent {
13 | static propTypes = {
14 | story: PropTypes.object
15 | };
16 |
17 | render() {
18 | const { by, id, commentCount, title, points, url, ago } = this.props.story;
19 |
20 | const Points = styled(FooterItem)`
21 | color: #757575;
22 | `;
23 |
24 | const By = styled(FooterItem)`
25 | &, & a {
26 | color: #607D8B !important;
27 | }
28 | & a {
29 | font-weight: 500;
30 | }
31 | `;
32 |
33 | const TimeStamp = styled(FooterItem)`
34 | color: #009688;
35 | margin-right: 1rem;
36 | `;
37 |
38 | return (
39 | 今日热议主题
61 |
48 |
73 |
74 | );
75 | }
76 | }
77 |
78 | export default SaveFileModal;
79 |
--------------------------------------------------------------------------------
/webpack.config.js:
--------------------------------------------------------------------------------
1 | /* eslint-disable */
2 | const pkg = require("./package.json");
3 | const webpack = require("webpack");
4 | const path = require("path");
5 | const HappyPack = require("happypack");
6 | const HtmlWebpackPlugin = require("html-webpack-plugin");
7 | var BundleAnalyzerPlugin = require("webpack-bundle-analyzer")
8 | .BundleAnalyzerPlugin;
9 |
10 | module.exports = {
11 | entry: {
12 | app: "./src/index.js",
13 | vendor: Object.keys(pkg.dependencies)
14 | },
15 | // devtool: "cheap-module-source-map",
16 | output: {
17 | path: path.resolve(__dirname, "dist"),
18 | filename: "[name]-[chunkhash].js"
19 | },
20 | devServer: {
21 | historyApiFallback: true,
22 | contentBase: path.join(__dirname, "dist"),
23 | compress: true,
24 | hot: true,
25 | port: 8080
26 | },
27 | resolve: {
28 | extensions: [".json", ".js", ".jsx", ".css"]
29 | },
30 | node: {
31 | fs: "empty" // For error: Can't resolve 'fs' in /node_modules/browserslist
32 | },
33 | module: {
34 | loaders: [
35 | {
36 | test: /\.jsx|js?$/,
37 | exclude: /node_modules/,
38 | // loaders: ["happypack/loader?id=buildStuff"]
39 | loaders: ["react-hot-loader", "babel-loader"] //"eslint-loader"
40 | },
41 | {
42 | test: /\.css$/,
43 | // loaders: ["happypack/loader?id=css"]
44 | loaders: ["style-loader", "css-loader"]
45 | },
46 | {
47 | test: /\.scss$/,
48 | // loaders: ["happypack/loader?id=scss"]
49 | loaders: ["style-loader", "css-loader", "sass-loader"]
50 | }
51 | ]
52 | },
53 | plugins: [
54 | new BundleAnalyzerPlugin(),
55 | new HtmlWebpackPlugin({
56 | template: "./index.html",
57 | filename: "./index.html",
58 | title: "CoderPad"
59 | }),
60 | new webpack.optimize.CommonsChunkPlugin({
61 | names: ["vendor", "manifest"]
62 | })
63 | // new HappyPack({
64 | // id: "buildStuff",
65 | // loaders: ["react-hot-loader", "babel-loader", "eslint-loader"]
66 | // }),
67 | // new HappyPack({
68 | // id: "css",
69 | // loaders: ["style-loader", "css-loader"]
70 | // }),
71 | // new HappyPack({
72 | // id: "scss",
73 | // loaders: ["style-loader", "css-loader", "sass-loader"]
74 | // })
75 | ]
76 | };
77 |
--------------------------------------------------------------------------------
/server.js:
--------------------------------------------------------------------------------
1 | const express = require('express')
2 | const AV = require('leanengine')
3 | const axios = require('axios')
4 | const path = require('path')
5 |
6 | AV.init({
7 | appId: process.env.LEANCLOUD_APP_ID || 'Cct4URhkJo6VKYACsR3MklFt-gzGzoHsz',
8 | appKey: process.env.LEANCLOUD_APP_KEY || 'BeJzllYAryhOzoNX0piav8tw',
9 | masterKey: process.env.LEANCLOUD_APP_MASTER_KEY || 'U5jcAlilltDr1vJmyfwIqC2D'
10 | })
11 |
12 | const app = express()
13 | app.use(AV.express())
14 | app.use(express.static(path.resolve(__dirname, './dist')))
15 |
16 | const V2EX_BASE_URL = 'https://www.v2ex.com/api'
17 |
18 | // v2ex topic info
19 | app.get('/news/v2ex/topics/show.json?', function (req, response) {
20 | let url = ''
21 | if (req.query.id) {
22 | const id = req.query.id
23 | url = `${V2EX_BASE_URL}/topics/show.json?id=${id}`
24 | axios.get(url).then(res => {
25 | response.send(res.data[0])
26 | })
27 | } else if (req.query['node_name']) {
28 | const contentType = req.query['node_name']
29 | url = `${V2EX_BASE_URL}/topics/show.json?node_name=${contentType}`
30 | axios.get(url).then(res => response.send(res.data))
31 | }
32 | })
33 |
34 | // v2ex topic replies
35 | app.get('/news/v2ex/replies/show.json?', function (req, response) {
36 | let repliesUrl = ''
37 | if (req.query['topic_id']) {
38 | const id = req.query['topic_id']
39 | repliesUrl = `${V2EX_BASE_URL}/replies/show.json?topic_id=${id}`
40 | axios.get(repliesUrl).then(res => {
41 | response.send(res.data)
42 | })
43 | }
44 | })
45 |
46 | // v2ex hot
47 | app.get('/news/v2ex/topics/hot.json', function (req, res) {
48 | const url = `${V2EX_BASE_URL}/topics/hot.json`
49 | axios.get(url).then(response => res.send(response.data))
50 | })
51 |
52 | // v2ex latest
53 | app.get('/news/v2ex/topics/latest.json', function (req, res) {
54 | const url = `${V2EX_BASE_URL}/topics/latest.json`
55 | axios.get(url).then(response => res.send(response.data))
56 | })
57 |
58 | // app.use(
59 | // "^(?!.*?topics)(?!.*?replies)(?!.*?vendor)(?!.*?app)(?!.*?manifest).*$",
60 | // (req, res) => {
61 | // res.sendFile(path.resolve(__dirname, "./dist/index.html"));
62 | // }
63 | // );
64 |
65 | app.get('*', (req, res) => {
66 | res.sendFile(path.resolve(__dirname, './dist/index.html'))
67 | })
68 | // app.listen(process.env.LEANCLOUD_APP_PORT);
69 | app.listen(3000)
70 | console.log('Server started')
71 |
--------------------------------------------------------------------------------
/src/containers/NewsFeed/V2EX/components/Main.js:
--------------------------------------------------------------------------------
1 | import React, { Component } from "react";
2 | import { connect } from "react-redux";
3 | /** Actions && Selectors */
4 | import { makeSelectV2exTopics } from "../../selector";
5 | /** Tools */
6 | import PropTypes from "prop-types";
7 | /** Third Party Components */
8 | import ContentLoader from "react-content-loader";
9 | /** Child Components */
10 | import TopicInfo from "./TopicInfo";
11 | /** styled-components */
12 | import Panel from "../styled/Panel";
13 | import PHeading from "../styled/PHeading";
14 | import PBody from "../styled/PBody";
15 | import Tab from "../styled/Tab";
16 |
17 | class Main extends Component {
18 | static propTypes = {
19 | location: PropTypes.object,
20 | stopFetch: PropTypes.func,
21 | loadV2exTopics: PropTypes.func,
22 | topics: PropTypes.array
23 | };
24 |
25 | componentDidMount() {
26 | this.props.stopFetch();
27 | const nodeName = new URLSearchParams(this.props.location.search).get("tab");
28 | const contentType = nodeName ? nodeName : "programmer";
29 | this.props.loadV2exTopics(contentType);
30 | }
31 |
32 | render() {
33 | const { topics } = this.props;
34 | return (
35 |
37 | 
38 |
39 | KYLEWH
40 |
41 |
75 |
38 |
39 | KYLEWH
40 |
41 |
42 |
64 |
65 |
43 |
44 | 11
45 |
46 | 节点收藏
47 |
48 |
49 |
50 |
51 | 26
52 |
53 | 主题收藏
54 |
55 |
56 |
57 |
58 | 9
59 |
60 | 特别关注
61 |
62 |
63 |
66 | 
70 | 创作新主题
71 |
72 |
73 |
74 |
70 | 创作新主题
71 |
58 | {this.props.topic.toJS() &&
59 | id &&
60 |
61 |
62 |
70 | V2EX
71 | ›
72 | {node.title}
73 | {title}
74 |
86 |
87 |
88 |
93 |
94 |
95 | 加入收藏
96 | Tweet
97 | Weibo
98 | 忽略主题
99 | 感谢
100 |
101 | }
102 | {!id &&
103 |
108 | );
109 | }
110 | }
111 |
112 | export default Content;
113 |
--------------------------------------------------------------------------------
/src/containers/DashBoard/SvgIcons/NewsSVG.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import StyledSvg from './StyledSvg'
3 |
4 | const NewsSVG = () => (
5 |
63 | 
68 |
69 |
75 |
76 | {node.title}
77 |
78 | •
79 |
80 | {member.username}
81 |
82 | •
83 | {date(created)}
84 |
85 |