6 |
19 | );
20 |
21 | Announcement.propTypes = {
22 | onClose: PropTypes.func.isRequired,
23 | };
24 |
25 | export default Announcement;
26 |
--------------------------------------------------------------------------------
/src/app/components/elements/Author/Author.story.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { storiesOf } from '@storybook/react';
3 | import { withKnobs } from '@storybook/addon-knobs';
4 | import rootReducer from 'app/redux/RootReducer';
5 | import { Provider } from 'react-redux';
6 | import { createStore } from 'redux';
7 | import Author from './index';
8 | import { Center } from 'decorators';
9 | import { IntlProvider } from 'react-intl';
10 |
11 | const store = createStore(rootReducer);
12 |
13 | storiesOf('Elements', module)
14 | .addDecorator(withKnobs)
15 | .addDecorator(Center)
16 | .addDecorator(getStory => 7 | Communities are live!{' '} 8 | 12 | Read more 13 | . 14 |
15 | 18 |
6 |
13 | );
14 | };
15 |
--------------------------------------------------------------------------------
/src/app/components/elements/Callout.story.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { storiesOf } from '@storybook/react';
3 | import { withKnobs, select } from '@storybook/addon-knobs';
4 | import Callout from './Callout';
5 | import { Center } from 'decorators';
6 |
7 | const selectOptions = ['error', 'default'];
8 |
9 | storiesOf('Elements', module)
10 | .addDecorator(withKnobs)
11 | .addDecorator(Center)
12 | .add('Callout', () => (
13 |
7 |
12 |
8 |
11 | {title}
9 |{children}
10 | {children}
;
15 |
16 | const options = ['1x', '1_5x', '2x', '3x', '4x', '5x', '10x'];
17 |
18 | storiesOf('Elements', module)
19 | .addDecorator(withKnobs)
20 | .add('Icon', () => (
21 |
24 |
27 | ))}
28 | {icon}
26 |-
16 | {menu.map(i => (
17 |
-
18 |
19 |
20 | 21 |
22 | ))}
23 |
22 |
29 | ))}
30 | {svg}
28 |
18 | {normalizeTags(post.get('json_metadata'), category).map(link)}
19 |
20 | );
21 | }
22 | }
23 |
24 | export default connect(
25 | // mapStateToProps
26 | (state, ownProps) => ({
27 | post: ownProps.post,
28 | })
29 | )(TagList);
30 |
--------------------------------------------------------------------------------
/src/app/components/elements/TagList.scss:
--------------------------------------------------------------------------------
1 | .TagList__horizontal {
2 | max-width: 40rem;
3 | margin: 0 auto 0.5rem;
4 | a {
5 | font-size: 95%;
6 | display: inline-block;
7 | margin: 0.1rem 0.4rem 0.1rem 0;
8 | padding: 0.1rem 0.3rem;
9 | border-radius: 0.3rem;
10 | transition: 0.2s all ease-in-out;
11 | @include themify($themes) {
12 | background: themed('backgroundColorOpaque');
13 | color: themed('textColorPrimary');
14 | border: themed('border');
15 | }
16 | &:hover {
17 | @include themify($themes) {
18 | background: themed('backgroundColor');
19 | color: themed('textColorPrimary');
20 | border: themed('borderDark');
21 | }
22 | }
23 | }
24 | }
25 |
--------------------------------------------------------------------------------
/src/app/components/elements/TagList.story.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { storiesOf } from '@storybook/react';
3 | import TagList from './TagList';
4 | import { Center } from 'decorators';
5 |
6 | const mockPost = {
7 | json_metadata: {
8 | tags: ['water', 'snow', 'ice', 'steam'],
9 | },
10 | };
11 |
12 | storiesOf('Elements', module)
13 | .addDecorator(Center)
14 | .add('TagList', () => {children}
;
12 |
13 | class Benchmark extends React.Component {
14 | render() {
15 | return (
16 |
19 |
22 | ))}
23 | {icon}
21 |
13 |
17 | );
18 | }
19 | }
20 |
21 | module.exports = {
22 | path: 'faq.html',
23 | component: connect(
24 | (state, ownProps) => ({}),
25 | dispatch => ({
26 | setRouteTag: () =>
27 | dispatch(appActions.setRouteTag({ routeTag: 'faq' })),
28 | })
29 | )(Faq),
30 | };
31 |
--------------------------------------------------------------------------------
/src/app/components/pages/Index.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import SvgImage from 'app/components/elements/SvgImage';
3 | import { translateHtml } from 'app/Translator';
4 |
5 | export default class Index extends React.Component {
6 | render() {
7 | return (
8 |
14 |
16 |
9 |
18 |
19 |
20 | );
21 | }
22 | }
23 |
--------------------------------------------------------------------------------
/src/app/components/pages/Login.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import LoginForm from 'app/components/modules/LoginForm';
3 | import tt from 'counterpart';
4 |
5 | class Login extends React.Component {
6 | render() {
7 | if (!process.env.BROWSER) {
8 | // don't render this page on the server
9 | return (
10 |
10 |
12 | 13 | {translateHtml( 14 | 'APP_NAME_is_a_social_media_platform_where_everyone_gets_paid_for_creating_and_curating_content' 15 | )}. 16 |
17 |18 |
19 |
11 |
13 | );
14 | }
15 | return (
16 | {tt('g.loading')}..
12 |
17 |
21 | );
22 | }
23 | }
24 |
25 | module.exports = {
26 | path: 'login.html',
27 | component: Login,
28 | };
29 |
--------------------------------------------------------------------------------
/src/app/components/pages/PostPage.jsx:
--------------------------------------------------------------------------------
1 | import Post from 'app/components/pages/Post';
2 |
3 | module.exports = {
4 | path: '/(:category/)@:username/:slug',
5 | component: Post,
6 | };
7 |
--------------------------------------------------------------------------------
/src/app/components/pages/Privacy.scss:
--------------------------------------------------------------------------------
1 | .Privacy {
2 | max-width: 800px;
3 | padding: 1.5em 0 3em;
4 | .section {
5 | font-size: 100%;
6 | @include themify($themes) {
7 | fill: themed('textColorPrimary');
8 | }
9 | padding-right: 0.5rem;
10 | }
11 | }
12 |
--------------------------------------------------------------------------------
/src/app/components/pages/SearchIndex.scss:
--------------------------------------------------------------------------------
1 | .search-diplay{
2 | display: none;
3 | @media screen and (max-width: 765px) {
4 | display: block;
5 | }
6 | }
--------------------------------------------------------------------------------
/src/app/components/pages/SubmitPostServerRender.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import tt from 'counterpart';
3 |
4 | class SubmitPostServerRender extends React.Component {
5 | render() {
6 | return
18 |
20 | {tt('g.loading')}...
;
7 | }
8 | }
9 |
10 | module.exports = {
11 | path: 'submit.html',
12 | component: SubmitPostServerRender,
13 | };
14 |
--------------------------------------------------------------------------------
/src/app/components/pages/Support.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import tt from 'counterpart';
3 | import { APP_NAME } from 'app/client_config';
4 |
5 | class Support extends React.Component {
6 | render() {
7 | return (
8 |
9 |
19 | );
20 | }
21 | }
22 |
23 | module.exports = {
24 | path: 'support.html',
25 | component: Support,
26 | };
27 |
--------------------------------------------------------------------------------
/src/app/components/pages/TagsIndex.scss:
--------------------------------------------------------------------------------
1 | .TagsIndex {
2 | input {
3 | margin-bottom: 0.5rem!important;
4 | }
5 |
6 | table tr {
7 | th a {
8 | position: relative;
9 | transition: 0.3s all ease-in-out;
10 | @include font-size(17px);
11 | }
12 | th a:hover::after {
13 | content: '\2193';
14 | position: absolute;
15 | left: 100%;
16 | padding-left: 4px;
17 | }
18 |
19 | td, th {
20 | padding-right: 20px;
21 | text-align: right;
22 | &:first-child {text-align: left;}
23 | }
24 | }
25 | }
26 |
27 |
--------------------------------------------------------------------------------
/src/app/components/pages/Topics.scss:
--------------------------------------------------------------------------------
1 | ul.Topics {
2 | max-width: 10rem;
3 | > li {
4 | list-style-type: none;
5 | }
6 | > li > a.active {
7 | font-weight: bold;
8 | overflow: hidden;
9 | }
10 | .show-more {
11 | font-size: 0.9rem;
12 | font-weight: bold;
13 | color: $dark-gray;
14 | }
15 | }
16 |
17 | .c-sidebar__header {
18 | font-weight: bold;
19 | font-size: 1.125rem;
20 | margin: 0 0 1rem 0;
21 | }
22 |
--------------------------------------------------------------------------------
/src/app/components/pages/Tos.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { connect } from 'react-redux';
3 | import HelpContent from 'app/components/elements/HelpContent';
4 | import * as appActions from 'app/redux/AppReducer';
5 |
6 | class Tos extends React.Component {
7 | componentWillMount() {
8 | this.props.setRouteTag();
9 | }
10 | render() {
11 | return (
12 |
10 |
18 | {tt('g.APP_NAME_support', { APP_NAME })}
11 |12 | {tt('g.please_email_questions_to')}{' '} 13 | 14 | contact@steemit.com 15 | . 16 |
17 |
13 |
17 | );
18 | }
19 | }
20 |
21 | module.exports = {
22 | path: 'tos.html',
23 | component: connect(
24 | (state, ownProps) => ({}),
25 | dispatch => ({
26 | setRouteTag: () =>
27 | dispatch(appActions.setRouteTag({ routeTag: 'tos' })),
28 | })
29 | )(Tos),
30 | };
31 |
--------------------------------------------------------------------------------
/src/app/components/pages/Tos.scss:
--------------------------------------------------------------------------------
1 | // FIXME this needs design review
2 |
3 | .Tos {
4 | max-width: 800px;
5 | padding: 1.5em 0 3em;
6 | .c1.h {
7 | font-weight: 600;
8 | }
9 | }
10 |
--------------------------------------------------------------------------------
/src/app/components/pages/Welcome.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { connect } from 'react-redux';
3 | import HelpContent from 'app/components/elements/HelpContent';
4 | import * as appActions from 'app/redux/AppReducer';
5 |
6 | class Welcome extends React.Component {
7 | componentWillMount() {
8 | this.props.setRouteTag();
9 | }
10 | render() {
11 | return (
12 |
14 |
16 |
13 |
17 | );
18 | }
19 | }
20 |
21 | module.exports = {
22 | path: 'welcome',
23 | component: connect(
24 | (state, ownProps) => ({}),
25 | dispatch => ({
26 | setRouteTag: () =>
27 | dispatch(appActions.setRouteTag({ routeTag: 'welcome' })),
28 | })
29 | )(Welcome),
30 | };
31 |
--------------------------------------------------------------------------------
/src/app/components/pages/Welcome.scss:
--------------------------------------------------------------------------------
1 | .Welcome__banner {
2 |
3 | position: relative;
4 |
5 | .Welcome__welcome {
6 | position: absolute;
7 | width: 100%;
8 | bottom: 70%;
9 | color: white;
10 | font-size: 160%;
11 | padding-left: 38%;
12 | }
13 |
14 | .Welcome__caption {
15 | position: absolute;
16 | width: 100%;
17 | top: 65%;
18 | color: white;
19 | font-size: 115%;
20 | padding-left: 44%;
21 | padding-right: 2%;
22 | }
23 |
24 | }
25 |
26 | .HelpContent {
27 |
28 | height: inherit;
29 |
30 | p {
31 | position: relative;
32 | }
33 | h2 {
34 | margin-top: 8px;
35 | }
36 | h3 {
37 | margin-top: 0;
38 | }
39 | }
40 |
--------------------------------------------------------------------------------
/src/app/locales/counterpart/es.js:
--------------------------------------------------------------------------------
1 | // The translations in this file are added by default.
2 |
3 | 'use strict';
4 |
5 | module.exports = {
6 | counterpart: {
7 | names: require('date-names/en'),
8 | pluralize: require('pluralizers/en'),
9 |
10 | formats: {
11 | date: {
12 | default: '%a, %e %b %Y',
13 | long: '%A, %B %o, %Y',
14 | short: '%b %e',
15 | },
16 |
17 | time: {
18 | default: '%H:%M',
19 | long: '%H:%M:%S %z',
20 | short: '%H:%M',
21 | },
22 |
23 | datetime: {
24 | default: '%a, %e %b %Y %H:%M',
25 | long: '%A, %B %o, %Y %H:%M:%S %z',
26 | short: '%e %b %H:%M',
27 | },
28 | },
29 | },
30 | };
31 |
--------------------------------------------------------------------------------
/src/app/locales/counterpart/fr.js:
--------------------------------------------------------------------------------
1 | // The translations in this file are added by default.
2 |
3 | 'use strict';
4 |
5 | module.exports = {
6 | counterpart: {
7 | names: require('date-names/en'),
8 | pluralize: require('pluralizers/en'),
9 |
10 | formats: {
11 | date: {
12 | default: '%a, %e %b %Y',
13 | long: '%A, %B %o, %Y',
14 | short: '%b %e',
15 | },
16 |
17 | time: {
18 | default: '%H:%M',
19 | long: '%H:%M:%S %z',
20 | short: '%H:%M',
21 | },
22 |
23 | datetime: {
24 | default: '%a, %e %b %Y %H:%M',
25 | long: '%A, %B %o, %Y %H:%M:%S %z',
26 | short: '%e %b %H:%M',
27 | },
28 | },
29 | },
30 | };
31 |
--------------------------------------------------------------------------------
/src/app/locales/counterpart/it.js:
--------------------------------------------------------------------------------
1 | // The translations in this file are added by default.
2 |
3 | 'use strict';
4 |
5 | module.exports = {
6 | counterpart: {
7 | names: require('date-names/en'),
8 | pluralize: require('pluralizers/en'),
9 |
10 | formats: {
11 | date: {
12 | default: '%a, %e %b %Y',
13 | long: '%A, %B %o, %Y',
14 | short: '%e %b',
15 | },
16 |
17 | time: {
18 | default: '%H:%M',
19 | long: '%H:%M:%S %z',
20 | short: '%H:%M',
21 | },
22 |
23 | datetime: {
24 | default: '%a, %e %b %Y %H:%M',
25 | long: '%A, %B %o, %Y %H:%M:%S %z',
26 | short: '%e %b %H:%M',
27 | },
28 | },
29 | },
30 | };
31 |
--------------------------------------------------------------------------------
/src/app/locales/counterpart/ja.js:
--------------------------------------------------------------------------------
1 | // The translations in this file are added by default.
2 |
3 | 'use strict';
4 |
5 | module.exports = {
6 | counterpart: {
7 | names: require('date-names/en'),
8 | pluralize: require('pluralizers/en'),
9 |
10 | formats: {
11 | date: {
12 | default: '%a, %e %b %Y',
13 | long: '%A, %B %o, %Y',
14 | short: '%e %b',
15 | },
16 |
17 | time: {
18 | default: '%H:%M',
19 | long: '%H:%M:%S %z',
20 | short: '%H:%M',
21 | },
22 |
23 | datetime: {
24 | default: '%a, %e %b %Y %H:%M',
25 | long: '%A, %B %o, %Y %H:%M:%S %z',
26 | short: '%e %b %H:%M',
27 | },
28 | },
29 | },
30 | };
31 |
--------------------------------------------------------------------------------
/src/app/locales/counterpart/ko.js:
--------------------------------------------------------------------------------
1 | // The translations in this file are added by default.
2 |
3 | 'use strict';
4 |
5 | module.exports = {
6 | counterpart: {
7 | names: require('date-names/en'),
8 | pluralize: require('pluralizers/en'),
9 |
10 | formats: {
11 | date: {
12 | default: '%a, %e %b %Y',
13 | long: '%A, %B %o, %Y',
14 | short: '%b %e',
15 | },
16 |
17 | time: {
18 | default: '%H:%M',
19 | long: '%H:%M:%S %z',
20 | short: '%H:%M',
21 | },
22 |
23 | datetime: {
24 | default: '%a, %e %b %Y %H:%M',
25 | long: '%A, %B %o, %Y %H:%M:%S %z',
26 | short: '%e %b %H:%M',
27 | },
28 | },
29 | },
30 | };
31 |
--------------------------------------------------------------------------------
/src/app/locales/counterpart/pl.js:
--------------------------------------------------------------------------------
1 | // The translations in this file are added by default.
2 |
3 | 'use strict';
4 |
5 | module.exports = {
6 | counterpart: {
7 | names: require('date-names/en'),
8 | pluralize: require('pluralizers/en'),
9 |
10 | formats: {
11 | date: {
12 | default: '%a, %e %b %Y',
13 | long: '%A, %B %o, %Y',
14 | short: '%b %e',
15 | },
16 |
17 | time: {
18 | default: '%H:%M',
19 | long: '%H:%M:%S %z',
20 | short: '%H:%M',
21 | },
22 |
23 | datetime: {
24 | default: '%a, %e %b %Y %H:%M',
25 | long: '%A, %B %o, %Y %H:%M:%S %z',
26 | short: '%e %b %H:%M',
27 | },
28 | },
29 | },
30 | };
31 |
--------------------------------------------------------------------------------
/src/app/locales/counterpart/uk.js:
--------------------------------------------------------------------------------
1 | // The translations in this file are added by default.
2 |
3 | 'use strict';
4 |
5 | module.exports = {
6 | counterpart: {
7 | names: require('date-names/en'),
8 | pluralize: require('pluralizers/en'),
9 |
10 | formats: {
11 | date: {
12 | default: '%a, %e %b %Y',
13 | long: '%A, %B %o, %Y',
14 | short: '%b %e',
15 | },
16 |
17 | time: {
18 | default: '%H:%M',
19 | long: '%H:%M:%S %z',
20 | short: '%H:%M',
21 | },
22 |
23 | datetime: {
24 | default: '%a, %e %b %Y %H:%M',
25 | long: '%A, %B %o, %Y %H:%M:%S %z',
26 | short: '%e %b %H:%M',
27 | },
28 | },
29 | },
30 | };
31 |
--------------------------------------------------------------------------------
/src/app/locales/counterpart/zh.js:
--------------------------------------------------------------------------------
1 | // The translations in this file are added by default.
2 |
3 | 'use strict';
4 |
5 | module.exports = {
6 | counterpart: {
7 | names: require('date-names/en'),
8 | pluralize: require('pluralizers/en'),
9 |
10 | formats: {
11 | date: {
12 | default: '%a, %e %b %Y',
13 | long: '%A, %B %o, %Y',
14 | short: '%b %e',
15 | },
16 |
17 | time: {
18 | default: '%H:%M',
19 | long: '%H:%M:%S %z',
20 | short: '%H:%M',
21 | },
22 |
23 | datetime: {
24 | default: '%a, %e %b %Y %H:%M',
25 | long: '%A, %B %o, %Y %H:%M:%S %z',
26 | short: '%e %b %H:%M',
27 | },
28 | },
29 | },
30 | };
31 |
--------------------------------------------------------------------------------
/src/app/locales/normalize.sh:
--------------------------------------------------------------------------------
1 | #!/bin/bash
2 |
3 | # Normalize whitespace: replace 4 spaces at beginning of locale.js lines with tabs
4 | sed -i '' -e 's/^ / /g' *.js
5 |
--------------------------------------------------------------------------------
/src/app/redux/CommunitySearchSaga.js:
--------------------------------------------------------------------------------
1 | import { put, takeEvery, call } from 'redux-saga/effects';
2 | import * as reducer from 'app/redux/CommunitySearchReducer';
3 |
4 | export const searchWatches = [
5 | takeEvery('communitySearch/COMMUNITY_SEARCH_DISPATCH', communitySearchSaga),
6 | ];
7 |
8 | export function* communitySearchSaga(action) {
9 | // const { q, s, scroll_id } = action.payload;
10 | yield put(reducer.communitySearchPending({ pending: true }));
11 | try {
12 | // TODO: Search Call goes here, waiting on API endpoint
13 | //yield put(reducer.searchResult({ , append }));
14 | } catch (error) {
15 | console.log('Search error', error);
16 | yield put(reducer.communitySearchError({ error }));
17 | }
18 | yield put(reducer.communitySearchPending({ pending: false }));
19 | }
20 |
--------------------------------------------------------------------------------
/src/app/redux/GlobalSaga.js:
--------------------------------------------------------------------------------
1 | import { put, takeEvery, select } from 'redux-saga/effects';
2 | import { fromJS, Set, List } from 'immutable';
3 | import { getDynamicGlobalProperties } from 'app/utils/steemApi';
4 | import * as globalActions from 'app/redux/GlobalReducer';
5 |
6 | export const globalWatches = [takeEvery(globalActions.GET_DGP, getDGP)];
7 |
8 | export function* getDGP() {
9 | let dgp = yield select(state => state.global.get('dgp'));
10 | if (!dgp) {
11 | dgp = yield getDynamicGlobalProperties();
12 | yield put(globalActions.setDGP(dgp));
13 | yield put(
14 | globalActions.setVestsPerSteem(
15 | dgp.total_vesting_shares.split(' ')[0] /
16 | dgp.total_vesting_fund_steem.split(' ')[0]
17 | )
18 | );
19 | }
20 | }
21 |
--------------------------------------------------------------------------------
/src/app/redux/OffchainReducer.js:
--------------------------------------------------------------------------------
1 | import Immutable from 'immutable';
2 | import { PropTypes } from 'react';
3 |
4 | const defaultState = Immutable.fromJS({ user: {} });
5 |
6 | export default function reducer(state = defaultState, action = {}) {
7 | if (action.type === 'user/SAVE_LOGIN_CONFIRM') {
8 | if (!action.payload) {
9 | state = state.set('account', null);
10 | }
11 | }
12 | return state;
13 | }
14 |
--------------------------------------------------------------------------------
/src/app/redux/OffchainReducer.test.js:
--------------------------------------------------------------------------------
1 | import { Map } from 'immutable';
2 | import reducer from './OffchainReducer';
3 |
4 | const mockAction = {
5 | type: 'user/SAVE_LOGIN_CONFIRM',
6 | };
7 |
8 | const mockActionWithPayload = { ...mockAction, payload: 'Foo Barman' };
9 |
10 | describe('offchain reducer', () => {
11 | it('should provide a nice initial state, with any payload', () => {
12 | const initial = reducer();
13 | const expected = Map({ user: Map({}) });
14 | expect(initial).toEqual(expected);
15 | const withPayload = reducer(initial, mockActionWithPayload);
16 | expect(withPayload).toEqual(expected);
17 | });
18 | it('should return an account of null when action has no payload', () => {
19 | const initial = reducer();
20 | const account = reducer(initial, mockAction);
21 | expect(account).toEqual(Map({ user: Map({}), account: null }));
22 | });
23 | });
24 |
--------------------------------------------------------------------------------
/src/app/redux/PollingSaga.js:
--------------------------------------------------------------------------------
1 | import { put, call, take, race } from 'redux-saga/effects';
2 | import { delay } from 'redux-saga';
3 |
4 | const START_POLLING = 'START_POLLING';
5 | const STOP_POLLING = 'STOP_POLLING';
6 |
7 | function* poll(action) {
8 | const params = { ...action.payload };
9 | while (true) {
10 | try {
11 | yield put(params.pollAction(params.pollPayload));
12 | yield call(delay, params.delay);
13 | } catch (e) {
14 | // If there's an error, polling will stop.
15 | yield put(stopPolling());
16 | }
17 | }
18 | }
19 |
20 | export function* watchPollingTasks() {
21 | while (true) {
22 | const action = yield take(START_POLLING);
23 | yield race([call(poll, action), take(STOP_POLLING)]);
24 | }
25 | }
26 |
27 | export const startPolling = payload => {
28 | return {
29 | type: START_POLLING,
30 | payload,
31 | };
32 | };
33 |
34 | export const stopPolling = payload => {
35 | return {
36 | type: STOP_POLLING,
37 | payload,
38 | };
39 | };
40 |
--------------------------------------------------------------------------------
/src/app/redux/UserProfilesReducer.js:
--------------------------------------------------------------------------------
1 | import { fromJS } from 'immutable';
2 |
3 | // Action constants
4 | const ADD_USER_PROFILE = 'user_profile/ADD';
5 |
6 | const defaultState = fromJS({
7 | profiles: {},
8 | });
9 |
10 | export default function reducer(state = defaultState, action) {
11 | const payload = action.payload;
12 |
13 | switch (action.type) {
14 | case ADD_USER_PROFILE: {
15 | if (payload) {
16 | return state.setIn(
17 | ['profiles', payload.username],
18 | fromJS(payload.account)
19 | );
20 | }
21 | return state;
22 | }
23 |
24 | default:
25 | return state;
26 | }
27 | }
28 |
29 | // Action creators
30 | export const addProfile = payload => ({
31 | type: ADD_USER_PROFILE,
32 | payload,
33 | });
34 |
--------------------------------------------------------------------------------
/src/app/redux/UserProfilesSaga.js:
--------------------------------------------------------------------------------
1 | import { call, put, takeLatest } from 'redux-saga/effects';
2 | import * as userProfileActions from './UserProfilesReducer';
3 | import { callBridge } from 'app/utils/steemApi';
4 |
5 | const FETCH_PROFILE = 'userProfilesSaga/FETCH_PROFILE';
6 |
7 | export const userProfilesWatches = [
8 | takeLatest(FETCH_PROFILE, fetchUserProfile),
9 | ];
10 |
11 | export function* fetchUserProfile(action) {
12 | const { account, observer } = action.payload;
13 | const ret = yield call(callBridge, 'get_profile', { account, observer });
14 | if (!ret) throw new Error('Account not found');
15 | yield put(
16 | userProfileActions.addProfile({ username: account, account: ret })
17 | );
18 | }
19 |
20 | // Action creators
21 | export const actions = {
22 | fetchProfile: payload => ({
23 | type: FETCH_PROFILE,
24 | payload,
25 | }),
26 | };
27 |
--------------------------------------------------------------------------------
/src/app/redux/constants.js:
--------------------------------------------------------------------------------
1 | export default {
2 | FETCH_DATA_BATCH_SIZE: 20,
3 | MAX_BATCHES: 10,
4 | FETCH_DATA_EXPIRE_SEC: 30,
5 | };
6 |
--------------------------------------------------------------------------------
/src/app/redux/tests/global.test.js:
--------------------------------------------------------------------------------
1 | /*global describe, it, before, beforeEach, after, afterEach */
2 | import Immutable from 'immutable';
3 | import reducer, * as globalActions from '../GlobalReducer';
4 |
5 | describe('global reducer', () => {
6 | it('should return empty state', () => {
7 | const reduced = reducer(undefined, {});
8 |
9 | expect(reduced.toJS()).toEqual({ status: {} });
10 | });
11 |
12 | it('should apply new global state', () => {
13 | const state = Immutable.fromJS(require('./global.json'));
14 | const reduced = reducer(undefined, globalActions.receiveState(state));
15 | //const action = {type: 'global/RECEIVE_STATE', payload: state};
16 | expect(reduced.toJS()).toEqual(state.toJS());
17 | });
18 | });
19 |
--------------------------------------------------------------------------------
/src/app/utils/Accessors.js:
--------------------------------------------------------------------------------
1 | export function immutableAccessor(obj, ...keys) {
2 | if (!obj) return {};
3 | if (keys.length === 1) return obj.get(keys[0]);
4 | return keys.reduce((res, key) => {
5 | res[key] = obj.get(key);
6 | return res;
7 | }, {});
8 | }
9 |
10 | export function objAccessor(obj, ...keys) {
11 | if (!obj) return {};
12 | if (keys.length === 1) return obj[keys[0]];
13 | return keys.reduce((res, key) => {
14 | res[key] = obj[key];
15 | return res;
16 | }, {});
17 | }
18 |
--------------------------------------------------------------------------------
/src/app/utils/AffiliationMap.js:
--------------------------------------------------------------------------------
1 | const map = {
2 | //steemit
3 | justinw: 'steemit',
4 | elipowell: 'steemit',
5 | maitland: 'steemit',
6 | steemitblog: 'steemit',
7 | steemitdev: 'steemit',
8 | justinsunsteemit: 'steemit',
9 |
10 | /*
11 | //steem monsters
12 | steemmonsters: 'sm',
13 | 'steem.monsters': 'sm',
14 | aggroed: 'sm',
15 | yabapmatt: 'sm',
16 | */
17 | };
18 |
19 | export default map;
20 |
--------------------------------------------------------------------------------
/src/app/utils/AppPropTypes.js:
--------------------------------------------------------------------------------
1 | import PropTypes from 'prop-types';
2 |
3 | const Children = PropTypes.oneOfType([
4 | PropTypes.arrayOf(PropTypes.node),
5 | PropTypes.node,
6 | ]);
7 |
8 | export default { Children };
9 |
--------------------------------------------------------------------------------
/src/app/utils/Common.js:
--------------------------------------------------------------------------------
1 | export function isPhone() {
2 | if (/(iPhone|iPad|iPod|iOS|Android)/i.test(navigator.userAgent)) {
3 | //移动端
4 | return true;
5 | }
6 | return false;
7 | }
8 |
--------------------------------------------------------------------------------
/src/app/utils/ContentPreview.js:
--------------------------------------------------------------------------------
1 | export default function contentPreview(content, length) {
2 | const txt = content.replace(/ +/g, ' '); // only 1 space in a row
3 | const max_words = length / 7;
4 | let words = 0;
5 | let res = '';
6 | for (let i = 0; i < txt.length; i++) {
7 | const ch = txt.charAt(i);
8 | if (ch === '.') break;
9 | if (ch === ' ' || ch === '\n') {
10 | words++;
11 | if (words > max_words) break;
12 | if (i > length) break;
13 | }
14 | res += ch;
15 | }
16 | return res;
17 | }
18 |
--------------------------------------------------------------------------------
/src/app/utils/DMCAUserList.js:
--------------------------------------------------------------------------------
1 | const list = `
2 | the-gaming-llama
3 | cmgsteems
4 | iamgod
5 | bl-transporter
6 | braini
7 | cracked-games
8 | gautampartapsoni
9 | jimreitz
10 | bitchminer
11 | nikapelex
12 | `
13 | .trim()
14 | .split('\n');
15 |
16 | export default list;
17 |
--------------------------------------------------------------------------------
/src/app/utils/DomUtils.js:
--------------------------------------------------------------------------------
1 | export function findParent(el, class_name) {
2 | if (
3 | el.className &&
4 | el.className.indexOf &&
5 | el.className.indexOf(class_name) !== -1
6 | )
7 | return el;
8 | if (el.parentNode) return findParent(el.parentNode, class_name);
9 | return null;
10 | }
11 |
12 | // From https://stackoverflow.com/a/18284182
13 | export function getViewportDimensions(w) {
14 | // Bail if server-side
15 | if (!process.env.BROWSER) return { w: 0, h: 0 };
16 |
17 | // Use the specified window or the current window if no argument
18 | w = w || window;
19 |
20 | // This works for all browsers except IE8 and before
21 | if (w.innerWidth != null) return { w: w.innerWidth, h: w.innerHeight };
22 |
23 | // For IE (or any browser) in Standards mode
24 | var d = w.document;
25 | if (document.compatMode == 'CSS1Compat')
26 | return {
27 | w: d.documentElement.clientWidth,
28 | h: d.documentElement.clientHeight,
29 | };
30 |
31 | // For browsers in Quirks mode
32 | return { w: d.body.clientWidth, h: d.body.clientHeight };
33 | }
34 |
--------------------------------------------------------------------------------
/src/app/utils/FormatCoins.js:
--------------------------------------------------------------------------------
1 | import {
2 | APP_NAME,
3 | LIQUID_TOKEN,
4 | LIQUID_TOKEN_UPPERCASE,
5 | DEBT_TOKEN,
6 | DEBT_TOKEN_SHORT,
7 | CURRENCY_SIGN,
8 | VESTING_TOKEN,
9 | } from 'app/client_config';
10 |
11 | // TODO add comments and explanations
12 | // TODO change name to formatCoinTypes?
13 | // TODO make use of DEBT_TICKER etc defined in config/clietn_config
14 | export function formatCoins(string) {
15 | // return null or undefined if string is not provided
16 | if (!string) return string;
17 | // TODO use .to:owerCase() ? for string normalisation
18 | string = string
19 | .replace('SBD', DEBT_TOKEN_SHORT)
20 | .replace('SD', DEBT_TOKEN_SHORT)
21 | .replace('Steem Power', VESTING_TOKEN)
22 | .replace('STEEM POWER', VESTING_TOKEN)
23 | .replace('Steem', LIQUID_TOKEN)
24 | .replace('STEEM', LIQUID_TOKEN_UPPERCASE)
25 | .replace('$', CURRENCY_SIGN);
26 | return string;
27 | }
28 |
--------------------------------------------------------------------------------
/src/app/utils/FormatDecimal.test.js:
--------------------------------------------------------------------------------
1 | import { formatDecimal } from './ParsersAndFormatters';
2 |
3 | describe('formatDecimal', () => {
4 | it('should format decimals', () => {
5 | const test_cases = [
6 | [100.0, '100.00'],
7 | [101, '101.00'],
8 | ['102', '102.00'],
9 | [1000.12, '1,000.12'],
10 | [100000, '100,000.00'],
11 | [1000000000000.0, '1,000,000,000,000.00'],
12 | [-1000, '-1,000.00'],
13 | [501695.505, '501,695.51'],
14 | [5.0, '5.00'],
15 | [5, '5.00'],
16 | ];
17 | test_cases.forEach(v => {
18 | expect(formatDecimal(v[0]).join('')).toBe(v[1]);
19 | });
20 | });
21 | });
22 |
--------------------------------------------------------------------------------
/src/app/utils/FrontendLogger.js:
--------------------------------------------------------------------------------
1 | import { serverApiRecordEvent } from 'app/utils/ServerApiClient';
2 |
3 | /**
4 | * Handles window error events by logging to overseer.
5 | *
6 | * This function relies on these globals:
7 | * - process.env.VERSION
8 | * - window.location.href
9 | *
10 | * @param {ErrorEvent} event
11 | */
12 | export default function frontendLogger(event) {
13 | if (window.$STM_csrf) {
14 | const report = formatEventReport(
15 | event,
16 | window.location.href,
17 | process.env.VERSION
18 | );
19 | serverApiRecordEvent('client_error', report);
20 | }
21 | }
22 |
23 | /**
24 | * Format a browser error event report
25 | *
26 | * @param {ErrorEvent} event
27 | * @param {string} href
28 | * @param {string} version
29 | *
30 | * @return {object}
31 | */
32 | export function formatEventReport(event, href, version) {
33 | const trace =
34 | typeof event.error === 'object' &&
35 | event.error !== null &&
36 | typeof event.error.stack === 'string'
37 | ? event.error.stack
38 | : false;
39 | return {
40 | trace,
41 | message: event.message,
42 | href,
43 | version,
44 | };
45 | }
46 |
--------------------------------------------------------------------------------
/src/app/utils/GDPRUserList.js:
--------------------------------------------------------------------------------
1 | const list = `
2 | mateja.klaric
3 | xondra
4 | tgylhn
5 | vichkovski
6 | wizzymt
7 | thedarkoverlord
8 | twoblokestrading
9 | ruttydm
10 | mlcuk
11 | m4r1a
12 | bridgenit
13 | bitchminer
14 | bisade
15 | boy666
16 | casually
17 | nayardu92
18 | djdarkstorm
19 | cristinaluchi
20 | dennis.spiedt
21 | sebtarnowski
22 | mihailm
23 | ardaia
24 | jemand
25 | chiefadu
26 | nikapelex
27 | `
28 | .trim()
29 | .split('\n');
30 |
31 | export default list;
32 |
--------------------------------------------------------------------------------
/src/app/utils/Html.js:
--------------------------------------------------------------------------------
1 | export const htmlDecode = txt =>
2 | txt.replace(/&[a-z]+;/g, ch => {
3 | const char = htmlCharMap[ch.substring(1, ch.length - 1)];
4 | return char ? char : ch;
5 | });
6 |
7 | const htmlCharMap = {
8 | amp: '&',
9 | quot: '"',
10 | lsquo: '‘',
11 | rsquo: '’',
12 | sbquo: '‚',
13 | ldquo: '“',
14 | rdquo: '”',
15 | bdquo: '„',
16 | hearts: '♥',
17 | trade: '™',
18 | hellip: '…',
19 | pound: '£',
20 | copy: '',
21 | };
22 |
--------------------------------------------------------------------------------
/src/app/utils/ImageUserBlockList.js:
--------------------------------------------------------------------------------
1 | const list = `
2 | iamgod
3 | `
4 | .trim()
5 | .split('\n');
6 |
7 | export default list;
8 |
--------------------------------------------------------------------------------
/src/app/utils/RPCNode.js:
--------------------------------------------------------------------------------
1 | import { api } from '@steemit/steem-js';
2 |
3 | export const LOCALSTORAGE_RPC_NODE_KEY = 'steemSelectedRpc';
4 |
5 | export function changeRPCNodeToDefault(
6 | rpcNode = $STM_Config.steemd_connection_client
7 | ) {
8 | console.log(`>> RPC Node changed to ${rpcNode}`);
9 |
10 | localStorage.setItem(LOCALSTORAGE_RPC_NODE_KEY, rpcNode);
11 |
12 | api.setOptions({
13 | url: rpcNode,
14 | });
15 | }
16 |
17 | export function getCurrentRPCNode() {
18 | return localStorage.getItem(LOCALSTORAGE_RPC_NODE_KEY);
19 | }
20 |
--------------------------------------------------------------------------------
/src/app/utils/ReduxForms.js:
--------------------------------------------------------------------------------
1 | export const cleanReduxInput = i => {
2 | // Remove all props that don't belong. Triggers React warnings.
3 | const {
4 | name,
5 | placeholder,
6 | label,
7 | value,
8 | checked,
9 | onChange,
10 | onBlur,
11 | onFocus,
12 | } = i;
13 | const ret = {
14 | name,
15 | placeholder,
16 | label,
17 | value,
18 | checked,
19 | onChange,
20 | onBlur,
21 | onFocus,
22 | };
23 | if (ret.value == null) delete ret.value;
24 | if (ret.label == null) delete ret.label;
25 | if (ret.type == null) delete ret.type;
26 | return ret;
27 | };
28 |
--------------------------------------------------------------------------------
/src/app/utils/RemarkableStripper.js:
--------------------------------------------------------------------------------
1 | import Remarkable from 'remarkable';
2 |
3 | const remarkable = new Remarkable();
4 | export default remarkable;
5 |
6 | /** Removes all markdown leaving just plain text */
7 | const remarkableStripper = md => {
8 | md.renderer.render = (tokens, options, env) => {
9 | let str = '';
10 | for (let i = 0; i < tokens.length; i++) {
11 | if (tokens[i].type === 'inline') {
12 | str += md.renderer.render(tokens[i].children, options, env);
13 | } else {
14 | // console.log('content', tokens[i])
15 | const content = tokens[i].content;
16 | str += (content || '') + ' ';
17 | }
18 | }
19 | return str;
20 | };
21 | };
22 |
23 | remarkable.use(remarkableStripper); // removes all markdown
24 |
--------------------------------------------------------------------------------
/src/app/utils/SlateEditor/Align.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | export default class Align extends React.Component {
4 | getAlignClass = () => {
5 | const { node } = this.props;
6 | switch (node.data.get('align')) {
7 | case 'text-right':
8 | return 'text-right';
9 | case 'text-left':
10 | return 'text-left';
11 | case 'text-center':
12 | return 'text-center';
13 | case 'pull-right':
14 | return 'pull-right';
15 | case 'pull-left':
16 | return 'pull-left';
17 | }
18 | };
19 |
20 | render = () => {
21 | const { node, attributes, children } = this.props;
22 | const className = this.getAlignClass();
23 |
24 | return (
25 |
14 |
16 |
26 | {children}
27 |
28 | );
29 | };
30 | }
31 |
--------------------------------------------------------------------------------
/src/app/utils/SlateEditor/DemoState.js:
--------------------------------------------------------------------------------
1 | export default {
2 | nodes: [
3 | {
4 | kind: 'block',
5 | type: 'paragraph',
6 | nodes: [
7 | {
8 | kind: 'text',
9 | text: '',
10 | },
11 | ],
12 | },
13 | ],
14 | };
15 |
--------------------------------------------------------------------------------
/src/app/utils/SlateEditor/HRule.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | export default class HRule extends React.Component {
4 | render() {
5 | const { node, state } = this.props;
6 | const isFocused = state.selection.hasEdgeIn(node);
7 | const className = isFocused ? 'active' : null;
8 | return ; 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /src/app/utils/SlateEditor/Helpers.js: -------------------------------------------------------------------------------- 1 | const findParentTag = (el, tag, depth = 0) => { 2 | if (!el) return null; 3 | if (el.tagName == tag) return el; 4 | return findParentTag(el.parentNode, tag, depth + 1); 5 | }; 6 | 7 | export const getCollapsedClientRect = () => { 8 | const selection = document.getSelection(); 9 | if ( 10 | selection.rangeCount === 0 || 11 | !selection.getRangeAt || 12 | !selection.getRangeAt(0) || 13 | !selection.getRangeAt(0).startContainer || 14 | !selection.getRangeAt(0).startContainer.getBoundingClientRect 15 | ) { 16 | return null; 17 | } 18 | 19 | const node = selection.getRangeAt(0).startContainer; 20 | if (!findParentTag(node, 'P')) return; // only show sidebar at the beginning of an empty
21 | 22 | const rect = node.getBoundingClientRect(); 23 | return rect; 24 | }; 25 | -------------------------------------------------------------------------------- /src/app/utils/SlateEditor/Link.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | 3 | export default class Link extends React.Component { 4 | state = {}; 5 | 6 | componentDidMount() {} 7 | 8 | render() { 9 | const { node, state, attributes, children } = this.props; 10 | 11 | const isFocused = state.selection.hasEdgeIn(node); 12 | const className = isFocused ? 'active' : null; 13 | const href = node.data.get('href'); 14 | 15 | return ( 16 | 17 | {children} 18 | 19 | ); 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /src/app/utils/SteemKeychain.js: -------------------------------------------------------------------------------- 1 | import { isLoggedIn, extractLoginData } from 'app/utils/UserUtil'; 2 | 3 | /** 4 | * 5 | * @returns {boolean} 6 | */ 7 | export function hasCompatibleKeychain() { 8 | return ( 9 | window.steem_keychain && 10 | window.steem_keychain.requestSignBuffer && 11 | window.steem_keychain.requestBroadcast && 12 | window.steem_keychain.requestSignedCall 13 | ); 14 | } 15 | 16 | /** 17 | * 18 | * @returns {boolean} 19 | */ 20 | export function isLoggedInWithKeychain() { 21 | if (!isLoggedIn()) { 22 | return false; 23 | } 24 | if (!hasCompatibleKeychain()) { 25 | // possible to log in w/ keychain, then disable plugin 26 | return false; 27 | } 28 | const data = localStorage.getItem('autopost2'); 29 | const [ 30 | username, 31 | password, 32 | memoWif, 33 | login_owner_pubkey, 34 | login_with_keychain, 35 | ] = extractLoginData(data); 36 | return !!login_with_keychain; 37 | } 38 | -------------------------------------------------------------------------------- /src/app/utils/UserUtil.js: -------------------------------------------------------------------------------- 1 | /** 2 | * 3 | * @returns {boolean} 4 | */ 5 | export const isLoggedIn = () => 6 | typeof localStorage !== 'undefined' && !!localStorage.getItem('autopost2'); 7 | 8 | /** 9 | * 10 | * @returns {string} 11 | */ 12 | export const packLoginData = ( 13 | username, 14 | password, 15 | memoWif, 16 | login_owner_pubkey, 17 | login_with_keychain 18 | ) => 19 | new Buffer( 20 | `${username}\t${password}\t${memoWif || ''}\t${login_owner_pubkey || 21 | ''}\t${login_with_keychain || ''}` 22 | ).toString('hex'); 23 | 24 | /** 25 | * 26 | * @returns {array} [username, password, memoWif, login_owner_pubkey, login_with_keychain] 27 | */ 28 | export const extractLoginData = data => 29 | new Buffer(data, 'hex').toString().split('\t'); 30 | 31 | export default { 32 | isLoggedIn, 33 | extractLoginData, 34 | }; 35 | -------------------------------------------------------------------------------- /src/app/utils/VerifiedExchangeList.js: -------------------------------------------------------------------------------- 1 | const list = ` 2 | bittrex 3 | blocktrades 4 | changelly 5 | deepcrypto8 6 | gopax-deposit 7 | hitbtc-exchange 8 | poloniex 9 | upbit-exchange 10 | ` 11 | .trim() 12 | .split('\n'); 13 | 14 | export default list; 15 | -------------------------------------------------------------------------------- /src/app/utils/__mocks__/GDPRUserList.js: -------------------------------------------------------------------------------- 1 | export default ['gdpr']; 2 | -------------------------------------------------------------------------------- /src/app/utils/emit.js: -------------------------------------------------------------------------------- 1 | const EventEmitter = require('events').EventEmitter; 2 | const emit = new EventEmitter(); 3 | export { emit }; 4 | -------------------------------------------------------------------------------- /src/app/utils/userIllegalContent.js: -------------------------------------------------------------------------------- 1 | const list = ` 2 | aplomb 3 | ` 4 | .trim() 5 | .split('\n'); 6 | 7 | export default list; 8 | -------------------------------------------------------------------------------- /src/server/redirects.js: -------------------------------------------------------------------------------- 1 | import koa_router from 'koa-router'; 2 | 3 | const redirects = [ 4 | // example: [/\/about(\d+)-(.+)/, '/about?$0:$1', 302], 5 | [/^\/recent\/?$/, '/created'], 6 | [/^\/pick_account.*/, 'https://signup.steemit.com'], 7 | ]; 8 | 9 | export default function useRedirects(app) { 10 | const router = koa_router(); 11 | 12 | app.use(router.routes()); 13 | 14 | redirects.forEach(r => { 15 | router.get(r[0], function*() { 16 | const dest = Object.keys(this.params).reduce( 17 | (value, key) => value.replace('$' + key, this.params[key]), 18 | r[1] 19 | ); 20 | console.log( 21 | `server redirect: [${r[0]}] ${this.request.url} -> ${dest}` 22 | ); 23 | this.status = r[2] || 301; 24 | this.redirect(dest); 25 | }); 26 | }); 27 | } 28 | -------------------------------------------------------------------------------- /src/server/requesttimings.js: -------------------------------------------------------------------------------- 1 | import RequestTimer from './utils/RequestTimer'; 2 | 3 | function requestTime(statsLoggerClient) { 4 | return function*(next) { 5 | this.state.requestTimer = new RequestTimer( 6 | statsLoggerClient, 7 | 'request', 8 | `method=${this.request.method} path=${this.request.path}` 9 | ); 10 | 11 | yield* next; 12 | 13 | this.state.requestTimer.finish(); 14 | }; 15 | } 16 | 17 | module.exports = requestTime; 18 | -------------------------------------------------------------------------------- /src/server/server-error.jsx: -------------------------------------------------------------------------------- 1 | import React, { Component } from 'react'; 2 | 3 | class ServerError extends Component { 4 | render() { 5 | return ( 6 |
10 | 
11 |
27 | );
28 | }
29 | }
30 |
31 | export default ServerError;
32 |
--------------------------------------------------------------------------------
/src/server/utils/StatsLoggerClient.js:
--------------------------------------------------------------------------------
1 | import SDC from 'statsd-client';
2 |
3 | /**
4 | * In production, log stats to statsd.
5 | * In dev, console.log 'em.
6 | */
7 | export default class StatsLoggerClient {
8 | constructor(STATSD_IP) {
9 | if (STATSD_IP) {
10 | this.SDC = new SDC({
11 | host: STATSD_IP,
12 | prefix: 'condenser',
13 | });
14 | } else {
15 | console.log(
16 | 'StatsLoggerClient: no server available, logging to console.'
17 | );
18 | // Implement debug loggers here, as any new calls are added in methods below.
19 | this.SDC = {
20 | timing() {
21 | console.log('StatsLoggerClient call: ', arguments);
22 | },
23 | };
24 | }
25 | }
26 |
27 | /**
28 | * Given an array of timer tuples that look like [namespace, value]
29 | * log them all to statsd.
30 | */
31 | logTimers(tuples) {
32 | const timestamp = +new Date();
33 | tuples.map(tuple => {
34 | this.SDC.timing(tuple[0], tuple[1]);
35 | });
36 | }
37 | }
38 |
--------------------------------------------------------------------------------
/src/shared/RootSaga.js:
--------------------------------------------------------------------------------
1 | import { all } from 'redux-saga/effects';
2 | import { globalWatches } from 'app/redux/GlobalSaga';
3 | import { fetchDataWatches } from 'app/redux/FetchDataSaga';
4 | import { sharedWatches } from 'app/redux/SagaShared';
5 | import { userWatches } from 'app/redux/UserSaga';
6 | import { authWatches } from 'app/redux/AuthSaga';
7 | import { transactionWatches } from 'app/redux/TransactionSaga';
8 | import { communityWatches } from 'app/redux/CommunitySaga';
9 | import { userProfilesWatches } from 'app/redux/UserProfilesSaga';
10 | import { searchWatches } from 'app/redux/SearchSaga';
11 | import { watchPollingTasks } from 'app/redux/PollingSaga';
12 |
13 | export default function* rootSaga() {
14 | yield all([
15 | ...userWatches, // keep first to remove keys early when a page change happens
16 | ...globalWatches,
17 | ...fetchDataWatches,
18 | ...sharedWatches,
19 | ...authWatches,
20 | ...transactionWatches,
21 | ...communityWatches,
22 | ...userProfilesWatches,
23 | ...searchWatches,
24 | watchPollingTasks(),
25 | ]);
26 | }
27 |
--------------------------------------------------------------------------------
/src/shared/api_client/ChainConfig.js:
--------------------------------------------------------------------------------
1 | import * as steem from '@steemit/steem-js';
2 |
3 | steem.config.set('address_prefix', 'STM');
4 |
5 | let chain_id = '';
6 | for (let i = 0; i < 32; i++) chain_id += '00';
7 |
8 | module.exports = {
9 | address_prefix: 'STM',
10 | expire_in_secs: 15,
11 | chain_id,
12 | };
13 |
--------------------------------------------------------------------------------
/src/shared/api_client/index.js:
--------------------------------------------------------------------------------
1 | import ChainConfig from './ChainConfig';
2 |
3 | module.exports = {
4 | ChainConfig,
5 | };
6 |
--------------------------------------------------------------------------------
/src/shared/clash/object2json.js:
--------------------------------------------------------------------------------
1 | const expo = {
2 | ifObjectToJSON: item => {
3 | if (typeof item === 'object') {
4 | try {
5 | return JSON.stringify(item);
6 | } catch (e) {
7 | return item;
8 | }
9 | }
10 | return item;
11 | },
12 |
13 | ifStringParseJSON: item => {
14 | if (typeof item === 'string') {
15 | try {
16 | return JSON.parse(item);
17 | } catch (e) {
18 | return item;
19 | }
20 | }
21 | return item;
22 | },
23 | };
24 | export { expo as default };
25 |
26 | exports.test = {
27 | run: () => {
28 | let ob = { a: 2 },
29 | st = '{"a":2}';
30 | console.log('test eq1', expo.ifObjectToJSON(ob) == st);
31 | console.log('test eq2', expo.ifStringParseJSON(st).a == ob.a);
32 | },
33 | };
34 |
--------------------------------------------------------------------------------
/src/shared/constants.js:
--------------------------------------------------------------------------------
1 | export const PARAM_VIEW_MODE = 'view_mode';
2 | export const VIEW_MODE_WHISTLE = 'whistle';
3 | export const WHISTLE_SIGNUP_COMPLETE = 'whistle_signup_complete';
4 | let signupUrl = 'https://signup.steemit.com';
5 | if (typeof window !== 'undefined') {
6 | signupUrl =
7 | window.location.hostname.indexOf('steemitdev.com') === -1
8 | ? 'https://signup.steemit.com'
9 | : 'https://signup.steemitdev.com';
10 | } else if (process.env.SERVER_NAME) {
11 | signupUrl = `https://signup.${process.env.SERVER_NAME}`;
12 | }
13 | export const SIGNUP_URL = signupUrl;
14 | export const SUBMIT_FORM_ID = 'submitStory';
15 |
--------------------------------------------------------------------------------
/webpack/debug.config.js:
--------------------------------------------------------------------------------
1 | const webpack = require('webpack');
2 | const git = require('git-rev-sync');
3 | const baseConfig = require('./base.config');
4 |
5 | module.exports = {
6 | ...baseConfig,
7 | devtool: 'cheap-module-eval-source-map',
8 | output: {
9 | ...baseConfig.output,
10 | publicPath: '/assets/',
11 | },
12 | module: {
13 | ...baseConfig.module,
14 | rules: [
15 | ...baseConfig.module.rules,
16 | ],
17 | },
18 | plugins: [
19 | new webpack.DefinePlugin({
20 | 'process.env': {
21 | BROWSER: JSON.stringify(true),
22 | NODE_ENV: JSON.stringify('development'),
23 | VERSION: JSON.stringify(git.long()),
24 | }
25 | }),
26 | ...baseConfig.plugins,
27 | ],
28 | };
29 |
--------------------------------------------------------------------------------
/webpack/dev-server.js:
--------------------------------------------------------------------------------
1 | var fs = require('fs');
2 | if(!fs.existsSync('tmp'))
3 | fs.mkdirSync('tmp');
4 |
5 | process.env.BABEL_ENV = 'browser';
6 | process.env.NODE_ENV = 'development';
7 |
8 | const Koa = require('koa');
9 | const webpack = require('webpack');
10 |
11 | const webpackDevConfig = require('./dev.config');
12 |
13 | const app = new Koa();
14 | const compiler = webpack(webpackDevConfig);
15 |
16 | const PORT = process.env.PORT ? parseInt(process.env.PORT)+1 : 8081;
17 |
18 | const server_options = {
19 | publicPath: '/assets/',
20 | hot: true,
21 | stats: {
22 | assets: true,
23 | colors: true,
24 | version: false,
25 | hash: false,
26 | timings: true,
27 | chunks: false,
28 | chunkModules: false
29 | }
30 | };
31 |
32 | app.use(require('koa-webpack-dev-middleware')(compiler, server_options));
33 | app.use(require('koa-webpack-hot-middleware')(compiler));
34 |
35 | app.listen(PORT, '0.0.0.0', () => {
36 | console.log('`webpack-dev-server` listening on port %s', PORT);
37 | });
38 |
--------------------------------------------------------------------------------
11 |
20 |
26 | Sorry.
21 |Looks like something went wrong on our end.
22 |23 | Head back to Steemit homepage. 24 |
25 |